计算属性——computed

r囧r小猫 2022-12-21 03:17 174阅读 0赞

vuex的state与vue的data都是用户存放数据的地方,如果我们将vuex的数据直接赋值给data然后再页面使用数据,那么vuex的数据发生变化视图不会更新,那么这个时候就需要使用到计算属性computed

案例展示

通过下图可以发现,如果直接将vuex的数据赋值给data中的变量,如果我们调用vuex的mutation中的修改操作,页面数据不会更新;如果我们将数据的变化交给computed来监听然后再页面使用,会发现数据更新视图也会更新。
在这里插入图片描述
vuex部分代码截图
在这里插入图片描述

发表评论

表情:
评论列表 (有 0 条评论,174人围观)

还没有评论,来说两句吧...

相关阅读

    相关 计算属性——computed

    vuex的state与vue的data都是用户存放数据的地方,如果我们将vuex的数据直接赋值给data然后再页面使用数据,那么vuex的数据发生变化视图不会更新,那么这个时候