监听Srote中的数据

本文探讨了为何在Vue应用中,监听store中的数据变化通常将处理逻辑放在计算属性而非data中,原因包括计算属性能正确解析mapState对象、避免直接修改data带来的副作用,并确保数据变化时自动执行相应操作。
摘要由CSDN通过智能技术生成

问题描述:为什么监听store中的数据,是需要将取到的数据放入在计算属性而不是data中?

computed: {
		...mapState(['editTabSelectHeight','nowCheckScene'])
},

watch: {
		nowCheckScene: {  
			handler: function(val, oldVal) {
				if (val) {
					this.$store.dispatch('setSceneData')
				}
			},
			deep: true
		},
	},

大致记录:

        放在data中的时候无法执行展开运算符,打印出来的是mapstate对象。而在计算属性中就可以具体打印出该值。

        其次就是放在计算属性中没有定义处理函数,也是有在执行数据变化的监听。而放在data中则不具备这一功能。(猜测而已)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值