Vue方法vs觀察者vs計算的屬性

Vue.js為我們提供了方法，觀察者和計算屬性。何時使用一個與另一個？

何時使用方法

對DOM中發生的某些事件做出反應
當組件中發生某些事情時調用一個函數。您可以從計算的屬性或觀察程序中調用方法。

何時使用計算屬性

您需要從現有數據源中組合新數據
您有一個在模板中使用的變量，該變量是根據一個或多個數據屬性構建的
您希望將一個複雜的嵌套屬性名稱簡化為更易讀和易於使用的名稱，但要在原始屬性更改時對其進行更新
您需要引用模板中的值。在這種情況下，最好創建一個計算屬性，因為它已緩存。
您需要聆聽多個數據屬性的更改

何時使用觀察者

您想在數據屬性更改時進行監聽，並執行一些操作
您想听聽道具價值的變化
您只需要聽一個特定的屬性（您不能同時觀看多個屬性）
您要監視一個數據屬性，直到它達到某個特定值，然後再執行一些操作

免費下載我的Vue手冊

更多vue教程：