问题：
Vuex中的数据修改之后，子组件的数据不会实时更新，需要切换到其他页面，在切换回来数据才会更新，渲染页面
子组件代码：
data(){
return{
data:this.$store.state.ganttData,
}
},为什么会出现这种情况呢？
原因是因为在在获取Vuex数据时，是在页面加载前进行获取，在加载完毕之后，Vuex的数据修改后，你子组件的页面还是初始的数据，并不会进行更新
解决思路:
1. 切换页面，重新获取到修改后的数据，很显然这个办法不符合现实使用场景文章来源：https://www.toymoban.com/news/detail-636139.html
2.使用mapState，实时获取的Vuex中的数据状态文章来源地址https://www.toymoban.com/news/detail-636139.html
import { mapState } from 'vuex'
computed:mapState({
data(state){
return state.schedule
}
})到了这里，关于从Vuex中获取数据，数据不更新的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
