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

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

何時使用方法

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

何時使用計算屬性

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

何時使用觀察者

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

免費下載我的Vue手冊


更多vue教程: