vue实战项目
不一于汝(工作不易,多多学习)
当你学的越多,发现自己很多都不知道时,说明在进步了
准备学习react了,行业太难了
展开
-
Vue实战项目开发--首页开发
首页开发注意:项目的图片资源都是去哪儿网站的在线图片(图片来源网站),只可以用来练习哦,小心侵权1. 首页header区域开发 在home目录下新建一个components文件夹,然后把首页home拆分成不同的组件放在components文件夹下,最后通过在home.vue中引用对应的组件就可以了 主要编写的代码有Home.vue和Header.vue h...原创 2018-10-29 22:39:18 · 60742 阅读 · 24 评论 -
Vue实战项目开发--城市列表页面
城市选择页面路由配置创建一个city-router的分支,用于城市列表的功能实现 路由配置,修改router/index.js的内容 import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export default new Router({ routes: [ { path...原创 2018-11-11 16:41:43 · 6260 阅读 · 8 评论 -
Vue实战项目开发--详情页面开发
详情页面动态路由及banner布局创建一个detail-banner的分支,在router/index.js下添加这个路由,然后在pages文件新建detail文件夹和在detail下新建components文件夹 Detail.vue: <template> <div> <detail-banner></det...原创 2018-12-12 22:58:46 · 2797 阅读 · 0 评论 -
Vue实战项目开发 - 项目的联调,测试与发布上线
Vue项目的接口联调修改config/index下的配置项就可以实现接口联调 Vue项目的真机测试直接使用本机的ip进行访问不行,因为vue项目是通过webpack来实现在浏览器预览的,同时webpack-dev-server默认不支持ip访问,所以需要修改package.json配置文件,增加红框中的配置再查看你的电脑ip地址:就可以在手机上根据IP地址来进行真机测...原创 2018-12-18 21:52:32 · 1294 阅读 · 0 评论