Vue.js学习笔记(一)

其它前端主流框架可以做的事,Vue.js几乎都可以做,

nuxt框架:可以实现vue的服务器端渲染,

weex:使用vue语法编写原生app。

基础内容

  1. 基础语法
  2. MVVM设计模式
  3. 前端组件化
  4. vue实例生命周期函数
  5. 动画特效

去哪儿网项目实战

  1. 环境搭建
  2. 使用Git
  3. 本地模拟后端接口进行本地代码开发
  4. vue项目如何实现前后端的代码联调
  5. 如何完成对vue项目的真机测试
  6. vue项目的完整上线流程

项目实现的功能:

  1. 根据不同城市选择不同景点;
  2. 首页上实现了多区域轮播的功能;
  3. 多区域列表的循环展示;
  4. 在城市选择页面,实现了城市的展示,城市的搜索,城市右侧字母与左侧区块动画联动的效果;
  5. 景点详情页面,公用的画廊组件,渐隐渐现的header组件,递归展示的列表组件,
  6. 使用Axios进行Ajax数据的获取, 
  7. 使用vue-router做多页面之间的路由,
  8. 使用vuex做各个组件数据之间的共享,
  9. 使用异步组件让代码项目上线性能更优,
  10. 使用stylus编写前端的样式,
  11. 应用递归组件实现 组件自身自己调用自己的效果,
  12. 使用各种插件,比如swiper插件来实现页面上的轮播效果,
  13. 进行公用组件的拆分。

做完项目的收获:

  1. 彻底入门vue的使用;
  2. 理解整个vue项目的开发流程;
  3. 移动端页面布局技巧;
  4. 上手中大型vue项目的开发;
  5. 规范的代码编写。
posted @ 2018-07-02 23:24  叶子玉  阅读(181)  评论(0编辑  收藏  举报