vue x

78 阅读1分钟
  • 导出vuex中的mapState方法
  • import {mapState,mapGetters} from 'vuex'
  • 利用mapState方法使用拓展运算符把list解构在计算属性中

mapState 第一种写法

...mapState(['list']),
🔺 第二种和第三种写法 都可以给state中的属性改名字
mapState 第二种写法
有一种场景 页面 有一个和state中属性相同的名字 你想要给state中的属性换一个名字
可以使用对象的形式
...mapState({
  arrlist:(state)=>state.list
}),
mapState 第二种写法*/
      arrlist:'list', 
    }),

等同于

      return [...]
    }

mapGetters第一种用法

...mapGetters(['getDaZhuan','getBenke'])
有一种场景 页面 有一个和getters属性相同的名字 你想要给getters换一个名字
可以使用对象的形式
这里需要注意 把Getters里面的属性写在value中,把需要改名的名字写在key中

``` mapGetters第二种用法 */

...mapGetters({
  dazhuan:'getDaZhuan',
  benke:'getBenke'
})

   因为list在计算属性中被解构出来所以直接就可以用
    getters属性也被解构出来了所以也可以直接用
    用了vuex的辅助函数相当于把值都放在vue实例化对象里面了
    所以可以this.出来