一、效果图:
二、准备好数据
组件中代码实现:
三、解决方法
(1)计算属性
(2)升级--mapState
分析:这几个依赖属性的形式都一样,即给定一个属性名,然后从$store.state中拿到相对应的数据。所以可以定义一个函数,将属性名和要得到的值传给函数,自动批量生成所需依赖属性。
vuex提供了该函数:mapState(可以生成计算属性)
对象写法:
数组写法:
函数名称和要从state里面拿到的变量名字相同
一、效果图:
二、准备好数据
组件中代码实现:
三、解决方法
(1)计算属性
(2)升级--mapState
分析:这几个依赖属性的形式都一样,即给定一个属性名,然后从$store.state中拿到相对应的数据。所以可以定义一个函数,将属性名和要得到的值传给函数,自动批量生成所需依赖属性。
vuex提供了该函数:mapState(可以生成计算属性)
对象写法:
数组写法:
函数名称和要从state里面拿到的变量名字相同