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']),
}