尚硅谷-尚品汇项目开发总结（第四天）

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('