1、什么是Vuex
Vuex就是一个仓库,仓库里面放了很多对象,其中state就是数据源存放地,对应于一般Vue对象里面的data。state里面存放的数据是响应式的,Vue组件从store读取数据,若是store中数据发生改变,依赖这项数据的组件也会发生更新。它通过mapState把全局的state和getters映射到当前组件的computed计算属性。
2、如何使用Vuex
- npm install vuex --save
- 新建store文件夹(非必须),并在store.js文件中引入Vue及Vuex
import Vue from 'vue'
import Vuex from 'vuex' - 通过Vue.use进行引用: Vue.use(Vuex)
- main.js文件中引入store.js: import store.js from ./store/store.js
- 实例化Vue对象时引入store
- 常用方式(个人习惯):