vue+ts(二)
路由
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143144483-1794190022.png)
*组件内部守卫
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143143935-83250648.png)
axios
安装:
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143140604-386046606.png)
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143143877-2124598486.png)
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143143682-1914101958.png)
对user进行类型约束
types文件中
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143144835-404125131.png)
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143142627-793055711.png)
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143144065-1870835362.png)
vuex
必须安装vuex-class包
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143140454-1806573934.png)
store文件
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143141150-1495749033.png)
设定状态管理里面的类型
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143143337-761855242.png)
store
state
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143143557-1582405588.png)
axtion
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143144759-693772424.png)
mutations
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143144323-53039275.png)
getters
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143143785-333120083.png)
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143144315-513030503.png)
main
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143144378-1236553100.png)
vue-class
通过vue-class包,可以用装饰器来使用vuex
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143142673-2085910720.png)
装饰State
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143142318-1386143218.png)
*通过不同方式抓取state到当前组件里
装饰getters
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143141595-1188868331.png)
装饰action
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143141650-773059327.png)
装饰mutation
![](https://img2020.cnblogs.com/blog/1520288/202106/1520288-20210627143141873-1241840552.png)
博主掘金技术社区地址——https://juejin.cn/user/1908407918660871/posts