javascript - 使用vuex，在组件中state数据的映射 为什么在computed里 而不能在data里？

问题描述

问 题

在一个组件中：

export default{
//错误写法
    data(){
        return {
            topicList: this.$store.state.topicList
        }
    },
//正确写法
    computed:{
        topicList(){
            return this.$store.state.topicList
        } 
    }
}

在vuex的官方文档中获取state中的数据要使用后面的那种写法，我想知道为什么？在这个组件中topicList没有做任何计算，为什么要在computed中获取？

这个问题已被关闭，原因：问题已解决 - 问题已解决，且对他人无借鉴意义

解决方案

data是有缓存的，一旦Vuex中值改变了，没法做到响应。
而放在computed中，虽然也有缓存，但会自动监视依赖。

这篇关于javascript - 使用vuex，在组件中state数据的映射 为什么在computed里 而不能在data里？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！