Vuex异步请求数据通过computed计算属性值

问题描述:

使用Vuex管理数据时,在组件内使用$emit分发事件后,获取回来的数据要自动更新到该组件内,需要使用computed来计算更新。

一开始尝试使用赋值给data的方法,后来发现重新发起ajax请求数据后无法更新新数据。

因为data属性只是在组件实例化时赋值一次,依赖发生变化时不会更新,想要使用data来获取computed同样的效果可以对data的字段进行watch。

而计算属性是基于它的依赖缓存的。计算属性在它的相关依赖发生改变时会重新取值,所以当ajax请求回来的数据发生变化时,计算属性的值会进行更新,相关的模板引用也会重新渲染。

相比较而言使用computed更方便,如下是在实际应用中要不断更新的字段,this.$store.state.templateStorage.recommendTpl 是由ajax重新获取的数据。

computed: {
recommendTpl () {
return this.$store.state.templateStorage.recommendTpl;
}
},
上一篇:postgres=# psql -U postgres -h 127.0.0.1 -p 5432 -d dreamstart_dev -w


下一篇:swift语言学习博文精选