跳到主要内容

1 篇博文 含有标签「vuex」

查看所有标签

· 阅读需 9 分钟

1 src目录结构

.
├── helpers.js
├── index.esm.js
├── index.js
├── mixin.js
├── module
│   ├── module-collection.js
│   └── module.js
├── plugins
│   ├── devtool.js
│   └── logger.js
├── store.js
└── util.js


2 注入到vue中

从index.js中看出就是vue插件的输出格式

export default {
  Store, // 状态管理
  install,
  version: '__VERSION__',
  mapState,
  mapMutations,
  mapGetters,
  mapActions,
  createNamespacedHelpers
}

先看install，在mixin.js中，其实就是兼容处理vue的版本，使得各个版本都可以使用vuex。在vuexInit中往vue中注入 $store 这个属性，就是vuex的实例了，现在可以知道平时使用vuex的时候都是this.$store的方式来调用了