首页 > 其他 > 详细

vuex

时间:2021-06-05 18:24:41      阅读:16      评论:0      收藏:0      [点我收藏+]

1.下载:

npm install vuex --save

2.man.js同目录先新建js文件:

import Vue from vue
import Vuex from vuex

Vue.use(Vuex)

export default new Vuex.Store({

    state:{   // 使用:this.$store.state.count
        count: 0
    },
    mutations:{
        add(state,x1, x2){  // 使用: this.$store.commit(‘add‘, x1, x2) 用于修改state里的值
            state.count++
        }
    },
    actions:{
     addm(context, x1, x2){  //使用:this.$store.dispatch(‘addm‘, x1, x2) 用于处理异步
      setTimeout(() => { context.commit(‘add‘, x1, x2) }, 1000)
    } } })

3.man.js全局添加:

import store from ./store.js

new Vue({
  store,
  router,
  render: h => h(App)
}).$mount(#app)

 

vuex

原文:https://www.cnblogs.com/fxw1/p/14852620.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!