vuex在项目中的使用

vuex

1. 通过npm包下载安装

   npm i vuex -s
   

2. 在项目的根目录（src）下新增一个store文件夹，在该文件夹内创建index.js
3. 在store/index.js中配置vuex

   import Vue from 'vue'
   import Vuex from 'vuex'
   
   //挂载Vuex
   Vue.use(Vuex)
   
   //创建VueX对象
   const store = new Vuex.Store({
       state:{
           //存放的键值对就是所要管理的状态
           name:'helloVueX'
       }
   })
   
   export default store
   

4. 将store挂载到当前项目的Vue实例当中去
   打开main.js

   import store from './store'
   new Vue({
     el: '#app',
     router,
     store,  //store:store 和router一样，将我们创建的Vuex实例挂载到这个vue实例中
     render: h => h(App)
   })
   

5. 使用
   直接使用：$store.state.name
   通过辅助函数mapStore…来使用

不懂可以提问！！！！！！！！！！！！！！！！！！！！！！！！！！！