Vue2.0进阶规划

2018-02-07 08:00:14 Javascript 2017 0

初始回顾
重新学习对应语法，写完内置所有案例
生命周期很重要
多看看组件那里，看看如何在vue-cli中怎么实现组件化
- 接下来的准备
只涉及使用
- vue-router
  和之前一样，推荐直接用 html+js 过一遍文档
  对路由导航钩子得好好看一看
  看完文档就可以上手vue-cli，一般新手在这几天都会死活跑不出来
  最直接的方法就是去github上搜一些关于vue-router2.0的demo，看如何构件路由，如何构件项目目录
  我这里有一个传送门
  如果能跑出来，就可以做一些小项目了，比如写一个知乎日报啊，这些demo在github上很多
  可以结合一些组件库写Demo，这样可以更加了解组件化。比如饿了么团队的Element、mint-ui
- vuex
  在学习Vuex时，会有一些ES6特性，当遇到这些时，最好不要一带而过，去好好看一看这些es6特性
  比如在学习Action时可以看看ES6新增的Promise和参数解构
  实践的方法一样是先看别人别人写的代码，比如官方的购物车实例的应用结构
  把之前写的demo优化一下，有些地方可以用用vuex
  vuex主要是用来对不同组件间进行通信，它构建了一个Vue实例的全局数据与方法，这些数据与方法可以在该Vue实例的所有组件中getter与setter
辅以
- 常见Vue面试题
回顾 ECMAScript
- ES5
- ES6
回顾 CSS 与 HTML
了解详细配置及其对应原理
尝试在 Webpack 模板基础上整合 vue-router 和 vuex
- webpack
- babel
深入进阶 - 各种原理
阅读开源的 Vue 应用、组件、插件源码，自己尝试编写开源的 Vue 组件、插件