如何实现Vue组件内对$store中特定变量变化的实时监控与详解？

本文共计122个文字，预计阅读时间需要1分钟。

javascript// 1. 使用计算属性来获取$store中的值computed: { listenStage() { return this.$store.state.iShaveMsg; }},

// 2. 通过watch来检查定义的计算属性获取到的值的变动watch: { listenStage(newVal, oldVal) { console.log('watch'); }}

// 1.采用计算属性来获取$store中的值

computed: { listenstage() { return this.$store.state.iShaveMsg; } },

// 2.通过watch来检查定义计算属性获取到的值的变化

watch:{ listenstage: function(ov,nv){ console.log('watch start……'); if(this.$store.state.iShaveMsg){ //业务处理 } } console.log('watch stop……'); } },

以上这篇vue之组件内监控$store中定义变量的变化详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。