组件样式穿透和vuex数据持久化

对于一些组件我们需要修改组件内部的样式 但是因为scoped导致样式独立 互不影响想要修改只能使用组件样式穿透

1. less的样式穿透 不同组件之间样式穿透 /deep/

2. scss样式穿透 ::v-deep

好像scss直接使用deep是没有效果的 可以去掉lang="scss"就可以生效

或者是使用 ::v-deep
注意：::v-deep 是在scss中使用的

3. stylus >>>

除了使用样式穿透之外 我们还可以不使用scoped关键字
直接使用#users{h1{…}}去覆盖
但是要注意这个外面的要唯一

vuex是在中大型项目中必不可少的状态管理组件，刷新会重新更新状态，【里面存储的state就会被浏览器释放掉，因为我们的state都是存储在内存中的，所以一刷新页面就会把state中的数据重置】但是有时候我们并不希望如此。例如全局相关的，如登录状态、token、以及一些不常更新的状态等，我们更希望能够固化到本地，减少无用的接口访问，以及更佳的用户体验。

用法:

1. 安装 npm install vuex-persistedstate --save
   vuex初始化就开始引入：
   每次我们更新vuex的状态，loc