Javascript

九、vuex模块化开发

本文主要是介绍九、vuex模块化开发,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

下载vuex

npm install vuex@3

创建vuex文件并引入vuex代码

 

 

 modules

const state = {};
const mutations = {};
const actions = {};
const getters = {};
export default {
  state,
  mutations,
  actions,
  getters
}

index.js

//下载vuex(npm install vuex@3)

//Vuex依赖vue
import Vue from 'vue'
//引入Vuex
import Vuex from 'vuex'
//应用Vuex插件
Vue.use(Vuex)
//main.js引入vuex文件
//引入小仓库
import modules1 from './modules1'
import modules2 from './modules2'

//创建并暴露store
export default new Vuex.Store({
  //使用小仓库
  modules: {
    modules1,
    modules2,
  }

})

main.js引入vuex

import Vue from 'vue'
import App from './App.vue'
import vuexStore from './vuexStore'

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
  store: vuexStore, //vm实例引入vuex
}).$mount('#app')

 

这篇关于九、vuex模块化开发的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!