vue中的vuex的應用以及創建簡易的vuex

 Vuex的應用:參考https://blog.csdn.net/qq_42231156/article/details/82949962

import Vue from 'vue'
class Store{
  constructor(options){
    this.state=new Vue({  //數據響應式路由,即data的數據變化,重新渲染
      data:options.state
    })
    
    this.mutations=options.mutations;
    this.ations=options.ations;
    console.log("更新了")
  }
  commit=(type,arg)=>{
    this.mutations[type](this.state,arg);
  }
  dispatch(type,arg){
    this.state[type]({
      commit:this.commit,
      state:this.state
    },arg)
  }
}
const store=new Store({
  state:{
    count:1
  },
  mutations:{
    set(val){
      this.count+=val;
      console.log("count:",count)
    }
  }
})

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章