如何监听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);
    },
},


相关文章
|
6月前
|
JavaScript 数据处理
当数据发生变化时,`watch`函数是如何被触发的?
当数据发生变化时,`watch`函数是如何被触发的?
63 3
|
16天前
|
JavaScript
computed 计算属性和 watch 监听函数的执行顺序
【10月更文挑战第23天】理解`computed`计算属性和`watch`监听函数的执行顺序是 Vue.js 开发中的一个重要知识点,它有助于我们更好地处理数据的变化和响应,确保应用的正常运行和性能优化。
|
16天前
|
JavaScript 前端开发
计算属性和 watch 监听函数的回调函数可以异步执行吗?
【10月更文挑战第23天】总的来说,虽然计算属性和监听函数的回调函数通常是同步执行的,但在特定情况下可以进行异步操作。在实际应用中,要根据具体的需求和场景来合理选择是否使用异步执行,并注意处理好异步操作的结果和状态,以确保应用的正常运行和性能优化。
|
1月前
|
缓存 JavaScript
|
6月前
|
JavaScript
vue中watch监听路由传来的参数变化问题
vue中watch监听路由传来的参数变化问题
115 0
|
6月前
vue3 watch 监听多值以及深度监听用法
vue3 watch 监听多值以及深度监听用法
1945 0
|
6月前
|
JavaScript API
在Vue中,有哪些方法可以监听元素的状态变化?
在Vue中,有哪些方法可以监听元素的状态变化?
465 2
|
6月前
|
JavaScript
如何使用`watch`选项来监听特定属性的变化?
如何使用`watch`选项来监听特定属性的变化?
44 0
|
JavaScript
Vue中watch监听属性新旧值相同问题解决方案,watch
Vue中watch监听属性新旧值相同问题解决方案,watch
287 0
|
JavaScript 前端开发 开发者
vue props传值后watch事件未触发的问题
vue props传值后watch事件未触发的问题
605 0