這篇文章主要介紹了Vue開(kāi)發(fā)的7個(gè)技巧，具有一定借鑒價(jià)值，需要的朋友可以參考下。如下資料是關(guān)于Vue開(kāi)發(fā)的7個(gè)技巧的詳細(xì)內(nèi)容。

烈山ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)建站的ssl證書(shū)銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書(shū)合作）期待與您的合作！

1 狀態(tài)共享

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

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

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

import Vue from "vue";export const store = Vue.observable({ count: 0 });export const mutations = {
  setCount(count) {
    store.count = count;
  }
};

復(fù)制代碼

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