vue-cli中使用vuex

2019-03-13  本文已影响0人  皇甫圣坤

1.安装

$ npm install --save vuex
$ yarn add vuex

2. 创建store.js

3. 在store.js 中引入vue 以及vuex

 import Vue from 'vue'
 import Vuex from 'vuex'
 Vue.use(Vuex)

4. 创建 store

const store = new Vue.Store({
  //配置
})

5. 导出 store

export default store

6. 在main.js中导入store并且写在new Vue中

  import store from '路径'
    new Vue ({
      store
    })

2. 辅助函数一共有四个

mapState mapGetters mapMutations mapActions
这四个函数实现不了新的功能,只能让代码更简洁
(降低代码耦合)
辅助函数只能在Vue-cli中使用

上一篇下一篇

猜你喜欢

热点阅读