Javascript

vuex模块化开发

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

        

 小仓库代码

//state 存数据的地方
const state = {
	a:1
};
//mutations 修改state的唯一手段
const mutations = { 
	
};
//action 处理action 书写逻辑的地方
const actions ={
	//这里修改业务逻辑 不可修改state
}
//getter 理解为计算属性
const getters = {
	
}

//暴露出去
export default{
	state,
	mutations,
	actions,
	getters
}

index.js集合的代码

import Vue from "vue"
import Vuex from 'vuex'
//使用插件 使其生效
Vue.use(Vuex);

//引入小仓库
import home from './home';
import search from './search';
//对外暴露
export default new Vuex.Store({
	//实现vuex模块化
	modules:{
		home,
		search
	}
})

 

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