前端——框架——Vue——初篇

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与DOM的映射：DOM结构，数据，事件。

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

vuex：https://vuex.vuejs.org

nodeJS：http://nodejs.cn/learn