Vuex惊天漏洞！！！破解Vuex状态管理漏洞：让getters变量具有set赋值的能力，支持双向绑定

破解双向绑定魔咒！

 

还支持watch实时监听 

 代码如此简单↓

<template>
    <div>
        <h1>参数1：{{ $store.getters._qiangGe.参数1 }}</h1><br>
        <h1>参数2：{{ $store.getters._qiangGe.参数2 }}</h1><br>
        <h1>参数3：{{ $store.getters._qiangGe.参数3 }}</h1><br>
        <br>
        <el-button type="primary"
            @click="$store.dispatch('_qiangGe', { 参数1: 1, 参数2: 2, 参数3: 3 });">将Vuex自定义变量赋值为对象类型</el-button>
        <br><br>
        <el-input v-model.trim="$store.getters._qiangGe.参数1" placeholder="请输入内容" clearable />
        <br><br>
        <el-input v-model.trim="$store.getters._qiangGe.参数2" placeholder="请输入内容" clearable />
        <br><br>
        <el-input v-model.trim="$store.getters._qiangGe.参数3" placeholder="请输入内容" clearable />
    </div>
</template>    
<script>
export default {
    watch: {
        '$store.getters._qiangGe.参数1': {
            handler(d) {
                console.log('监听参数1：', JSON.stringify(d));
            },
            deep: true, immediate: true,
        },
        '$store.getters._qiangGe.参数2': {
            handler(d) {
                console.log('监听参数2：', JSON.stringify(d));
            },
            deep: true, immediate: true,
        },
        '$store.getters._qiangGe.参数3': {
            handler(d) {
                console.log('监听参数3：', JSON.stringify(d));
            },
            deep: true, immediate: true,
        },
    },
};
</script>

【高效】极致简化vuex.js（仅需6行代码），让快速敏捷开发不是梦！_你挚爱的强哥的博客-CSDN博客前情提示：有一天，我要实现一个效果→点击某个按钮改变一个全局变量，并且要让绑定了该变量的所有位置异步渲染。我试过用一个全局的js文件存放该变量，值虽然该变量了，但是没有做到异步渲染。还没打开页面给我报错 全局变量 of undefined，我才想起页面还没加载完的时候window全局对象都是空值！我看了官方文档，也看了很多论坛大牛的博客，发现大家都在src下面创建一个sotre._vuex.js。只需创建一个vuex.js文件，让你马上学会使用Vuex，尽管Vuex是个鸡肋！https://blog.csdn.net/qq_37860634/article/details/131741966