【Vue项目笔记心得】vuex模块式开发

1、vuex是官方提供的一个插件，状态管理库，集中式管理项目中组件共用的数据

切记，并不是所有项目都需要vuex，如果项目很小，完全不需要vuex，如果项目很大，组件很多、数据很多，数据维护很费劲，这可以使用vuex。

2、使用vuex

在项目src下新建store文件夹，新建index.js文件

 

 安装vuex，npm install vuex@3

 

在index.js文件中

import Vue from "vue"
import Vuex from "vuex"

//使用插件一次
Vue.use(Vuex)
//state：仓库存储数据的地方
const state = {}
//mutations：修改state的唯一手段
const mutations = {}
//actions：处理action,可以书写自己的业务逻辑，也可处理异步
const actions = {}
//getters:理解为计算属性，用于简化仓库数据，让组件获取仓库的数据更加方便
const getters = {}


//对外暴露
export default new Vuex.Store({
  


})

在main.js中引入store

 

 3、vuex实现模块式开发

可以在store下建立每个小组件的仓库