Vuex全局变量存储调用

最新推荐文章于 2024-10-04 18:32:43 发布

北寂.

最新推荐文章于 2024-10-04 18:32:43 发布

阅读量1.1k

点赞数

文章标签： js svg vue.js

本文链接：https://blog.csdn.net/qq_45059900/article/details/121465366

版权

本文介绍了在Vue项目中如何使用Vuex进行全局变量的存储和调用。在main.js中引入Vuex，并在store.js中设置状态管理。在hotline.js模块中，通过mutations方法存储全局数据到state。在其他Vue组件中，可以方便地通过计算属性访问这些全局变量，如this.userInfo和this.nowInfo。

摘要由CSDN通过智能技术生成

1.入口文件main.js

import Vue from 'vue'
import Layout from './layout'
import router from './router'
// 引入vuex
import store from './store/store

vue实例中


/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,
  components: { Layout },
  template: '<Layout/>'
})

store文件下创建store.js

store.js中设置

import Vue from 'vue'
import Vuex from 'vuex'
 
Vue.use(Vuex)
 
const state = {
  pjtnews: 0,
  count: 1
}
 
const mutations = {
  add(state) {
    state.count += 1;
  },
  reduce(state) {
    state.count -= 1;
  }
}
export default new Vuex.Store({
  state,
  mutations
});

以上参考：