vuex 的使用步骤

2017-08-24  本文已影响0人  飞鱼_JS

一、安装

npm install vuex -S

二、main.js中挂载

import store from "./vuex/store.js"

new Vue({
  el: '#app',
  router,
  store,
  template: '<App/>',
  components: { App }
})

三、在src目录下新建vuex目录,并在该目录下创建store.js文件

import Vue from "vue";
require('es6-promise').polyfill()
import Vuex from "vuex";

Vue.use(Vuex)
const state = {
  Agendas: []
}
const mutations = {

}
export default new Vuex.Store({
  state,
  mutations
})

四、使用state

this.$store.state. ___

五、组建中mutations 的使用

import {mapState , mapMutations} from "vuex"
 methods:{
    ...mapMutations(['CheckUrl']),
}
上一篇下一篇

猜你喜欢

热点阅读