1、知识体系
Vue的生态包含以下内容。
核心:vue。
基础:ES5,ES6语法。
请求:axios
UI框架:element UI是最流行的,但不限于element UI。
工具:webpack, vue-cli
路由:vue-router
存储,数据:vuex
环境:nodeJs。
每个部分分开学习会非常简单,随便摸索会感觉Vue很多,甚至会出现迷路的情况。
本篇只介绍核心,即vue语法,版本为2.0。
Vue本质就是DOM结构的抽象,它有三层,整个项目,单个html页面,单个DOM片段,例如el-input组件。它的知识体系分为两个部分。
vue对象:相关概念,例如生命周期。属性,功能型属性,例如指令。
2、结构图
有些不经常使用的,较杂的内容未体现。例如render函数。
3、链接
vue:https://vuejs.org/v2/guide/plugins.html
ES5:建议阅读权威指南
ES6:建议阅读Explore ES6
axios:https://www.kancloud.cn/yunye/axios/234845
element UI: https://element.eleme.io/#/zh-CN/component/installation
webpack:https://v4.webpack.docschina.org/concepts/
vue-cli:https://cli.vuejs.org/guide/
vue-router:https://router.vuejs.org/installation.html
nodeJS:http://nodejs.cn/learn