VUE开发去哪网

1.安装node.js
2.码云建库
3.安装git
4.码云关联git
5.建立vue项目（cli）
6.单文件组件和路由（router：根据网址不同，返回不同的内容）
7.多页面和单页面应用

image.png

8.reset.css fastclick库

---

9.首页开发（stylus scoped）
10.iconfont及代码优化 varble.styl，"style":resolve('src/assets/styles')
11.git提交，git语法
12.swiper（width:100%;height:0;padding-bottom:31.25%）
.wapper>>>.swiper-pagination-bullet-active
13.图标区域布局
（const page=Math.floor(index/8)） ellipsis（）
14.热销+周末游
15.ajax动态获取内容 axios
16.城市选择页路由配置（router-link）
17.城市选择页面搜索框和列表、字母表布局（better-scroll）
18.页面动态数据的渲染
19.兄弟组件之间的联动（this.scroll.scrollToElement(this.router.push）
21.Vuex高级使用及localStorage（try{}catch (e){} ...mapState(['city']) mapMutations getters Module）
22.keep alive(路由内容被加载一次后，存在路由内存里，再进去不用二次加载)
23.详情页动态路由及banner布局（tag=“li” ：to="''/detail/"+item.id）
24.公用图片画廊组件拆分(swiper)
25.header渐隐渐现
26.对全局事件解绑
27.使用递归组件实现详情页列表（<detail-list>---调用自己本身）
28.使用ajax获取动态数据
29.图片切换渐隐渐现组件
30.Vue项目接口联调
31.真机测试（ "dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js",；
touchstart.passive（阻止默认拖动行为））
32.打包上传