---

vuex.js 

import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex);
// 设置vuex所有变量
let state = {
    _qiangGe: false,//需要添加全局变量就在此处回车添加一个即可，非常方便！！！
}, getters = {}, mutations = {}, actions = {};
Object.keys(state).forEach(k => getters[k] = s => s[k]);
Object.keys(state).forEach(k => mutations[k] = (s, v) => s[k] = v);
Object.keys(state).forEach(k => actions[k] = ({ commit }, v) => commit(k, v));
export default new Vuex.Store({ state, getters, mutations, actions });

应用代码

<template>
    <div>
        <el-input v-model="value" placeholder="请输入内容" clearable></el-input>
        <br><br>
        <el-button type="primary" @click="$store.dispatch('_qiangGe', value);">修改vuex中的_qiangGe为输入框中的内容</el-button>
        <br><br>
        <div>显示vuex中的_qiangGe此时的值：{{ $store.getters._qiangGe }}</div>
    </div>
</template>
    
<script>
export default { data() { return { value: '', } }, }; 
</script> 

 入门文章只需三分钟！只需创建一个vuex.js文件，让你马上学会使用Vuex，尽管Vuex是个鸡肋！(扔掉store文件夹和里面的index、getters、actions、mutations等js文件吧！)_你挚爱的强哥的博客-CSDN博客前情提示：有一天，我要实现一个效果→点击某个按钮改变一个全局变量，并且要让绑定了该变量的所有位置异步渲染。我试过用一个全局的js文件存放该变量，值虽然该变量了，但是没有做到异步渲染。接着我用window.全局变量的方式，尼玛！还没打开页面给我报错 全局变量 of undefined，我才想起页面还没加载完的时候window全局对象都是空值！这让我如何是好？于是我琢磨了下有个叫做Vuex玩意儿，故摆弄一下，也分享给大家！我看了官方文档，也看了很多论坛大牛的博客，发现大家都在src下面创建一个sotre._vuex.jshttps://blog.csdn.net/qq_37860634/article/details/119792336