Vuex 是一个专为 Vue.js 应用程序开发的 状态管理模式。

文档地址：https://vuex.vuejs.org/zh/installation.html

安装

yarn

yarn add vuex

npm

npm install vuex --save

main.js

import store from './store'

new Vue({
  store,
  render: h => h(App),
}).$mount('#app')

新建文件 ./store/index.js

import Vue from 'vue'
import Vuex from 'vuex'

// 挂载Vuex
Vue.use(Vuex)

// 创建VueX对象
const store = new Vuex.Store({
    state:{
        demo_txt: ''
    },
    mutations:{
      setTxt(state, status){
        state.demo_txt = status;
      }
  }
})

export default store

获取 Getter

this.$store.state.demo_txt

更新内容

this.$store.commit("setTxt", '你好');