什么是vuex

什么是vuex

​ Vue X从Java角度上说有点像单例模式全局唯一，但又有不同支持。总之就是把一个数据作为一个单独的区域，其他模块都可以使用它。

Vuex使用

安装

npm i vuex

配置

新建一个文件store并创建index.js文件（z这里可以所以，不过尽量按照这种命名）

//在store/index.js下配置vuex
import Vue from "vue"//导入vue
import Vuex from "vuex"//导入vuex
Vue.use(Vuex)//安装vue
const store =new Vuex.Store({//创建vuex实例
  state:{},
  mutations:{},
  getters:{},
  actions:{},
  modules:{}
})
export default store//导出

//在main.js
//1.引入配置vuex的文件
//2.添加到实例中

import Vue from 'vue'
import App from './App'
import store from "../store/index"
Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
  el: '#app',
  store,
  components: { App },
  template: '<App/>'
})

注意：下文中所有main.js文件如下