1. 概念
在vue中實現集中式狀態(tài)(數據)管理的一個 vue 插件舵盈。對vue應用中多個組件的共享狀態(tài)(數據)進行集中式的管理(讀、寫),也是一種組件間的通信方式赊窥,適用于任意組件間通信。
2. 何時使用
多個組件需要共享數據時候
3. 搭建 vuex 環(huán)境
- 創(chuàng)建文件
src/store/index.js
//引入vue核心庫
import Vue from 'vue'
//引入 vuex
import Vuex from 'vuex'
//應用vuex插件
Vue.use(Vuex)
//準備actions 對象--用于響應組件的動作
const actions = {}
//準備 mutations 對象--用于修改 state 中的數據
const mutations = {}
//準備 state 對象--用于保存數據
const state = {}
//創(chuàng)建并暴漏 store
export default new Vuex.Store({
actions,
mutations,
state
})
- 在
main.js
中創(chuàng)建vm時候傳入 store配置項
...
//引入 store
import store from './store/index.js'
....
//創(chuàng)建 vm
new Vue({
el:'#app',
render:h=>h(App),
store
})