vuex基础方法总结

Vuex是一个专门为Vue.js应用程序开发的状态管理模式,采用集中存储来管理数据,是一个单独的全局化管理模式

---

1.下载vuex

npm i vuex

2.导出

在src目录下创建store/index.js

index.js

  import Vuex from 'vuex'
注册
   import Vue from 'vue'
   Vue.use(Vuex)
实例化
   const store =new Vuex.Store({
       state:{
           // 共享的数值
       },
       mutations:{
           
       }，
       actions:{
           
       },
       getters:{
           
       }
   })
暴露出去  export default store

3.导入

在main.js中导入并且挂载到vue上

    import store from '@/store'
    new Vue({
        store
    })

这样就设置好了一个全局的仓库，可以将数据保存到仓库中

——各种获取数据方法

---

在vuex中，获取数据分为：

• 直接获取根仓库数据
• 获取模块数据

直接获取

直接获取可以通过定位仓库获取和使用辅助函数获取