Vuex
基本使用
1.初始化数据、配置actions、配置mutations，操作文件store.js
2.组件中读取vuex中的数据：$store.state.sum
3.组件中修改vuex中的数据：$store.dispatch('action中的方法名',数据) 或 $store.commit('mutations中的方法名',数据)
getters
1.值为一个对象，包含多个用于返回数据的函数
2.使用 — $store.getters.xx
四个map方法的使用
1.mapState方法：用于帮助我们映射state中的数据为计算属性
2.mapGetters方法：用于帮助我们映射getters中的数据为计算属性
3.mapActions方法：用于帮助我们生成与actions对话的方法，即：包含$store.dispatch(xxx)的函数
4.mapMutations方法：用于帮助我们生成与mutations对话的方法，即：包含$store.commit(xxx)的函数
路由
1.理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。
2.前端路由：key是路径，value是组件。
基本使用
1.安装vue-router，命令：npm i vue-router
vue-router 的理解 ：
vue 的一个插件库，专门用来实现 SPA 应用
2..应用插件：Vue.use(VueRouter)
3.编写router配置项:
4.实现切换（active-class可配置高亮样式）
<router-link active-class="active" to="/about">About</router-link>
5.指定展示位置
<router-view></router-view>
多级路由
1.配置路由规则，使用children配置项：
2.跳转（要写完整路径）：
<router-link to="/home/news">News</router-link>
路由传参
接收参数
$route.query.id
$route.query.title
编程式路由导航
1.作用：不借助<router-link> 实现路由跳转，让路由跳转更加灵活
2.具体编码
路由守卫
1.作用：对路由进行权限控制
2.分类：全局守卫、独享守卫、组件内守卫
全局守卫：
独享守卫:
组件内守卫
Vue UI 组件库
移动端常用 UI 组件库
1. Vant https://youzan.github.io/vant
2. Cube UI https://didi.github.io/cube-ui
3. Mint UI http://mint-ui.github.io
PC 端常用 UI 组件库
1. Element UI https://element.eleme.cn
2. IView UI https://www.iviewui.com
