关于Vuex的理解

syant

vuex 的使用

为了维护项目目录的整洁，在src目录下新建一个store目录其下放置一个index.js文件。 (和 router/index.js 类似)

创建仓库 store/index.js

1. // 导入 vue
   
2. import Vue from 'vue'
   
3. // 导入 vuex
   
4. import Vuex from 'vuex'
   
5. // vuex也是vue的插件, 需要use一下, 进行插件的安装初始化
   
6. Vue.use(Vuex)
   
7. 
   
8. // 创建仓库 store
   
9. const store = new Vuex.Store()
   
10. 
    
11. // 导出仓库
    
12. export default store

复制代码

在 main.js 中导入挂载到 Vue 实例上

1. import Vue from 'vue'
   
2. import App from './App.vue'
   
3. import store from './store'
   
4. 
   
5. Vue.config.productionTip = false
   
6. 
   
7. new Vue({
   
8.   render: h => h(App),
   
9.   store
   
10. }).$mount('#app')

复制代码

syant