当前位置: 首页 > 工具软件 > store.js > 使用案例 >

vue 获取及修改store.js里的公共变量

有宏邈
2023-12-01

store.js

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    homeTitle: '首页'
  },

  getters: {//针对state数据的过滤,

  },
  mutations: { //逻辑处理,但Mutation 必须是同步函数
    setHomeTitle(state, homeTitle) {
      state.homeTitle = homeTitle;      
    }

  },
  actions: {//Action 类似于 mutation,Action 提交的是 mutation,而不是直接变更状态;Action 可以包含任意异步操作.

  }

})

vue 页面中使用:

 <label id="lb_homeTitle">{{this.$store.state.homeTitle}}</label>
 类似资料: