6：vuex模块化开发
1.为什么要使用vuex？
答：当项目较大时，组件、数据、接口等都会很多，会导致项目维护不方便，所以采用vuex统一管理共用的数据。
2.vuex的模块化开发。
vuex不仅仅可以用来保存共用的数据，也可以用来模块化开发，将不同组件的数据写到不同的对应文件中来进行保存，使开发条理更加清晰，并且极大的方便后期的维护。
【尚硅谷电商项目|尚硅谷-尚品汇项目开发总结（第四天）】3.使用：在src中新建store文件夹，用来书写vuex相关代码
3.1 不使用模块化的书写格式
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)const state = {}
const actions = {}
const mutations = {}
const getters = {}
export default new Vuex.store({state,actions,mutations,getters})在入口文件main.js中注册仓库（注册之后所有组件身上都有了$store属性）
import store from '@/store'new Vue({
render: h => h(App),
store
}).$mount('#app')3.2 使用模块化的书写格式（以home模块和search模块为例）
1.在store文件夹中新建对应的管理home模块的文件夹home，在home文件夹中新建index.js
//home模块的小仓库
const state = {}
const actions = {}
const mutations = {}
const getters = {}export default {state,actions,mutations,getters}2.依照第一步新建search小仓库
//search模块的小仓库
const state = {}
const actions = {}
const mutations = {}
const getters = {}export default {state,actions mutations,getters}3.将不同模块的小仓库合并到大仓库中（store问价夹中根目录的index.js文件）
//引入home模块的小仓库
import home from './home'
//引入search模块的小仓库
import search from './search'export default new Vuex.store({
modules:{
home,
search
}
})推荐阅读
- 尚硅谷电商项目|尚硅谷-尚品汇项目开发总结（第三天）
- 尚硅谷电商项目|尚硅谷-尚品汇项目开发总结（第十二天）
- 尚硅谷电商项目|尚硅谷-尚品汇项目开发总结（第十六天，电商项目完）
- 尚硅谷电商项目|尚硅谷-尚品汇项目开发总结（第一天）
- vue.js|B站尚品汇项目学习笔记整理（P1-P10）
- vue|vue-尚品汇项目 -尚硅谷项目笔记-项目配置
- 前端|彻底吃透 JavaScript 执行机制
- 前端|gitbook插件（四）
- 前端|JS基本功修炼，一文搞懂JavaScript数组