首页 > 代码库 > 【Vue.js】高仿饿了么外卖App(一)
【Vue.js】高仿饿了么外卖App(一)
1.架构从传统的MVC向REST API+前端MV*迁移
参考链接:
http://blog.csdn.net/broadview2006/article/details/8615055
http://blog.csdn.net/u013628152/article/details/42709033
MV*包括:MVC、MVP、MVVM
vue.js是MVVM框架
2.Iconmoon制作图标字体
2.1 点击IconMoon App
2.2点击import icons,导入svg图片
2.3选择你导入的图标,并点击右下角generate font
2.4点击get code
2.5点击preference命名font name
2.6导出后得到如下文件,拷贝fonts文件和style.css
3.data.json中存放数据(模拟数据库),模拟的数据请求就从该源中读取数据。
3.1打开build目录,找到dev-server.js(webpack打包的入口文件),从data.json中读取数据(图中红色部分)
3.2编写路由(图中粉红色部分)
3.3通过接口查看数据
4.reset.css的引入,其中自定义了一部分,去掉icon.styl中的{}和;
5.移动端的视口的相关设置
6.在main.js中添加分号;
编译报错,可以访问提示的链接
在eslintrc.js中修改关于分号的配置
将App.vue中的各个标签清空(等待重新编写),删掉hello.vue文件
【Vue.js】高仿饿了么外卖App(一)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。