VUE监听一个值的变化随之做出别的改变

我这里面要监听showbartable的值的变化,他的true和flase两种状态会决定我另一个东西的变化,为了监听他的属性变化,可以computed里面写一个函数,如图中红框,返回那个值,使用的时候直接this.legend就可以使用了,这是监听vuex里面的值的写法
VUE监听一个值的变化随之做出别的改变_第1张图片
也可以在watch里面接住上面这个值,newval和oldval是监听他的时候前后变化,监听到之后,把这个新值当做一个参数传出去,传到一个函数里面
比如 下图,immediate为true的时候是立刻监听,就是加载第一次的时候即使没改变也监听一下,这个方法可以监听vuex里面的值,也可以监听其他组件传来的值
VUE监听一个值的变化随之做出别的改变_第2张图片

一般而言
监听vuex里面的值用第一种方法 监听传过来的值用第二种方法

但是其实监听vuex里面的值的话,还有一种更简洁的写法,就是使用vuex里面的mapstate
只需要引入
在这里插入图片描述
接进来就可以了 使用的时候也是this.leftPanelOpen就是这个属性的值VUE监听一个值的变化随之做出别的改变_第3张图片

你可能感兴趣的:(Vue)