VUE 从头学起

vue-cli脚手架

vue-cli中文网站：https://cli.vuejs.org/zh/guide/cli-service.html
vue-cli 3.X webpack配置( 主要实现 resolve.alias的配置-可以对比着思考其他属性设置)：https://blog.csdn.net/bowen11233/article/details/90268016
vue.config.js (这个哥们的项目的vue.config.js配置文件设置的比较好：https://github.com/luchx/ECHI_VUE_CLI3.0/blob/master/vue.config.js)

生成目录结构

本地开发调试

代码部署

热加载

单元测试

vue-router管理视图

vue-router中文网站：https://router.vuejs.org/zh/guide/#html

安装配置

路由嵌套

视图切换动效

按需加载

vuex状态管理

管理整个应用的状态，组件的嵌套可能会非常复杂，在这些组件中传递数据会非常棘手，除此之外，多个视图也很可能共享或者变更同一份状态，维护这类代码的时候会非常困难，我们会使用vuex来解决这些问题。

核心概念

Vuex是什么？
专门为vue.js应用程序开发的 状态管理模式
采用集中式存储管理应用的所有组件的状态
以相应的规则保证状态以一种可预测的方式发生变化
状态
组件内部的状态：仅在一个组件内使用的状态（data字段）
应用级别的状态：多个组件共用的状态

应用场景

多个视图依赖同一个状态
来自不同视图的行为需要变更同一状态

API使用

store: 类似容器，包含应用的大部分状态
一个页面只能有一个store
状态存储是响应式的
不能直接改变store中的状态，唯一途径显示地提交mutations

State: 包含所有应用级别状态的对象
Getters: 在组件内部获取store中状态的函数
Mutations: 唯一修改状态的事件回调函数
Actions: 包含异步操作，提交mutations改变状态
Modules: 将store分割成不同的模块

axios数据请求

基于Promise用于浏览器和nodejs端与服务器通信
特性
支持Promise API
拦截请求和响应
转换请求和响应数据
取消请求
自动转换JSON数据

api使用

拦截请求和响应

Promise特性