vueX state 里面的属性用在组件中的computed属性,而非data中
data: data中的依赖变更,data的属性不会变更。因为data在created钩子触发前初始化一次,若属性的值是纯粹的字面量,js字面量赋值后自然不会自动更新啦,
computed:通过依赖追踪实现,依赖变更,computed中的属性会重新计算。
错误:
data(){
return {
dataList:this.$store.state.dataList;
}
},
正确:
computed:{
dataList(){
return this.$store.state.dataList;
}
}