成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

7個有用的Vue開發(fā)技巧

Godtoy / 2718人閱讀

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

1 狀態(tài)共享

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

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

首先創(chuàng)建一個store.js,包含一個store和一個mutations,分別用來指向數(shù)據(jù)和處理方法。

import Vue from "vue";

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

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

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