Vuejs知识图谱原创

1. 邂逅Vuejs
2. Vue基础语法
3. 组件开发
4. Vue CLI详解
5. vue-router
6. Vuex详解
7. 网络封装
8. 项目实战
9. 项目部署
10. Vue源码

1.Vue基础语法

内插语法：Mustache、v-once、v-html、v-text、v-pre、v-block
绑定属性：v-bind、绑定class，装订样式
计算属性
事件侦听：v-on介绍、v-on基础、v-on参数、v-on修饰符
条件和循环：条件渲染、v-show指令、v-if和v-show对比、v-for指令
表格装订：基本用途、v-model原理、其他类型、值绑定、修饰符

2.组件开发

理解组件化：什么是组件化，Vue组件化思想
组件化基础：
1.寄存器组件(注册的基本步骤、全局和局部组件、父组件和子组件、寄存器组件语法糖、单独编写模板、组件的其他属性)
2.数据传递(父到子传递、子到父传递、父子组件访问、非父子组件通信)
组件高级：
1.插槽slot(编译作用域，为什么要使用slot、slot基本用途，slot名字叫Socket，slot范围槽)
2.动态组件
3.异步组件
组件声明周期

3.Vue CLI详解

Webpack：什么是Webpack、Webpack和gulp比较，手册Webpack的配置
Vue CLI：Vue CLI是什么、Vue CLI依赖环境，Vue CLI的安装
Vue CLI2的使用：Vue CLI2配置流程、Vue CLI2目录结构，条目文件详细信息(Vue渲染过程，render函数的使用)，Webpack配置解析
Vue CLI3的使用：Vue CLI3配置流程、Vue CLI3目录结构，Vue CLI配置修改(Vue UI，配置存储路径，添加新别名)

4.vue-router

认识路由
vue-router基本使用
vue-router嵌套路由
vue-router参数传递
vue-router导航守卫
keep-alive

5.Vuex详解

为什么要使用Vuex：Vuex它是做什么的？Vuex是一种特殊的管理模式)单页状态管理、多页状态管理Vuex国家管理传奇
Vuex基本用途：Vuex的安装、Vuex代码组织
Vuex核心概念：
1.state（State单一状态树)
2.getter（Getters基本用途，Getters本身作为一个参数，Getters传递参数)
3.Mutation（mutation基本用途，mutation传递参数，mutation提交方式，mutation响应规则，mutation常态化管理，mutation同步功能)
4.Acution（Action基本定义，Action的分发、Action返回的Promise）
5.Module（认识Vuex的Module、Module在当地的州，Module的Action写法）
项目组织结构

6.网络封装

网络模块选择(传统Ajax是基于XMLHttpRequest（XHR)，在以前的研究中，我们经常使用jQuery-Ajax、官方在Vue1.x什么时候发射的。Vue-resource、Vue作者推荐axios）
JSON的封装
axios：
1.认识axios(为什么要选择axios、axios请求方法)
2.发送请求(发送get请求、发送和请求，axios全局配置、通用配置选项)
3.axios实例(为什么要创建axios实例，如何创建axios实例、axios的封装）
4.axios拦截器(请求拦截器、响应拦截器)

7.项目部署

windows上NGINX部署（windows上NGINX安装、项目打包流程、修改配置和部署)
远程Linux上NGINX部署（centos上NGINX安装、修改、配置和部署)

8.Vuejs原理相关

响应原则(双向约束原则)
Vuejs的源码