如何监听vuex中的变量参数变化,用watch!

简介: 如何监听vuex中的变量参数变化,用watch!

方法1【推荐:代码量最少】

watch: { 
    '$store.getters.vuex变量'(d) {
        console.log(d);
    },
},

方法2

created() {
    this.$store.watch((state) => {
        console.log(state.vue变量);
    }
},

方法3

computed: {
    vuex变量() { return this.$store.state.vuex变量 },
},
watch: {
    vuex变量(d) {
        console.log(d);
    },
},

方法4

import { mapGetters } from "vuex";
computed: {
    ...mapGetters(["vux变量"]), 
},
watch: {
    vux变量(d) {
        console.log(d);
    },
},

方法5

import { mapState } from "vuex";
computed: {
    ...mapState(["vux变量"]), 
},
watch: {
    vuex变量(d) {
        console.log(d);
    },
},


相关文章
|
1月前
Vuex中改变store状态值的方法是什么?为什么?
Vuex中改变store状态值的方法是什么?为什么?
16 1
|
2月前
|
JavaScript 数据处理
当数据发生变化时,`watch`函数是如何被触发的?
当数据发生变化时,`watch`函数是如何被触发的?
25 3
|
4月前
|
小程序
在uniapp中监听globalData中的值变化
在uniapp中监听globalData中的值变化
141 0
|
3天前
|
JavaScript
vue中watch监听路由传来的参数变化问题
vue中watch监听路由传来的参数变化问题
5 0
|
25天前
vue3 watch 监听多值以及深度监听用法
vue3 watch 监听多值以及深度监听用法
46 0
|
3月前
|
JavaScript
如何使用`watch`选项来监听特定属性的变化?
如何使用`watch`选项来监听特定属性的变化?
13 0
|
3月前
当监听的属性是对象的引用时,`watch`选项是否会触发监听?
当监听的属性是对象的引用时,`watch`选项是否会触发监听?
13 2
|
4月前
|
JavaScript API
在Vue中,有哪些方法可以监听元素的状态变化?
在Vue中,有哪些方法可以监听元素的状态变化?
63 2
|
8月前
|
JavaScript
Vue中watch监听属性新旧值相同问题解决方案,watch
Vue中watch监听属性新旧值相同问题解决方案,watch
125 0
|
9月前
Vue3 watch监听reactive中的属性变化
Vue3 watch监听reactive中的属性变化
104 0