- 导出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.出来