国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

7個有用的Vue開發技巧

Godtoy / 2655人閱讀

摘要:另外需要說明的是,這里只是凍結了的值,引用不會被凍結,當我們需要數據的時候,我們可以重新給賦值。

1 狀態共享

隨著組件的細化,就會遇到多組件狀態共享的情況,Vuex當然可以解決這類問題,不過就像Vuex官方文檔所說的,如果應用不夠大,為避免代碼繁瑣冗余,最好不要使用它,今天我們介紹的是vue.js 2.6新增加的Observable API ,通過使用這個api我們可以應對一些簡單的跨組件數據狀態共享的情況。

如下這個例子,我們將在組件外創建一個store,然后在App.vue組件里面使用store.js提供的storemutation方法,同理其它組件也可以這樣使用,從而實現多個組件共享數據狀態。

首先創建一個store.js,包含一個store和一個mutations,分別用來指向數據和處理方法。

import Vue from "vue";

export const store = Vue.observable({ count: 0 });

export const mutations = {
  setCount(count) {
    store.count = count;
  }
};

然后在App.vue里面引入這個store.js,在組件里面使用引入的數據和方法