最新消息: 新版網站上線了?。?!
  • vue 獲取及修改store.js里的公共變量實例

    html

    <input type='text' :value='num'>
    <button @click='add'> + </botton>

    js

    data(){
     return{
      
     }
    },
    methods:{
      add(){
       this.$store.commit('add',1)
     }
    },
    computed:{
     num:function(){
      // 因為要做修改 num 的值 所以放在 計算屬性里
      return this.$store.state.num
     }
    }

    store.js

     state: {
      num:0
     },
     mutations: {
      add(state,shuzi){
       // shuzi是js里傳來的值 1
       state.num+shuzi
      }
     },

    原理:

    更改store中state狀態的唯一方法就是提交mutation,就很類似事件。每個mutation都有一個字符串類型的事件類型和一個回調函數,我們需要改變state的值就要在回調函數中改變。我們要執行這個回調函數,那么我們需要執行一個相應的調用方法:store.commit。

    以上這篇vue 獲取及修改store.js里的公共變量實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持谷谷點程序。

    .....

    轉載請注明:谷谷點程序 » vue 獲取及修改store.js里的公共變量實例

    平度胜利路按摩在什么地方多,平度做大活的足疗,平度职教中心女孩微信,平度找曼地方