vuex 的使用步骤

一、安装

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']),
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容