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

Question

在一个组件中：

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

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

Answer 1

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