在網上的搜索引擎里沒有找到《computed/watch/methods分別在哪個鉤子函式里》相關的介紹，今天和大家分享一下，有什么錯誤的地方歡迎大家評論O(∩_∩)O~
首先，我們來總結一下computed/watch/methods的區別：
computed:屬性的結果會被快取，除非依賴的回應式屬性發生變化，才會重新計算，主要用來當做屬性
(實際開發：用的最多)
(打一個比方：你算5件衣服價格,算完了是不是要把價格給用戶看總價格，不給客戶看，算起來也沒有意義)
1.一定要有return值
2.只適合一些簡單的計算操作
3.只要計算屬性在這個function函式內部，用到的data資料發生變化，就會立即重新計算這個屬性的值
4.在computed里面定義了就不可以在data里面定義了！大家千萬記住......
5.計算結果會被放在快取中，如果沒有資料改變，就會直接在記憶體拿，不用重新計算，損耗性能！！
6.資料發生改變時-beforeupdate鉤子函式中
watch:一個物件，鍵是需要觀察的運算式(data中的資料)，值是對應的回呼函式，用來監聽某些特定的資料變化，從而進行某些特定的業務邏輯操作，就當做是methods與computed的結合體
1.沒有return值
2.在data里面定義了才可以在wacth里面使用
3.作用就是監聽資料的變化，當資料改變時，相對應的以data里面資料命名的函式方法就會執行
4.watch是在資料加載完成后才能監聽---mounted鉤子函式中
methods:表示一系列具體的操作，適合書寫大量的業務邏輯
1.可以寫大量業務邏輯
2.在data里面定義了才可以在wacth里面使用
3.將data中屬性和methods身上的方法添加到vue的實體身上---created鉤子函式中
等哪天有時間，仔細研究一下鉤子函式
大家有什么補充歡迎評論*-*
22:48:57
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/251996.html
標籤：其他
上一篇：Nginx報504 gateway timeout錯誤的解決方法（小丑搞笑版。。。）
下一篇：我在華為OD的275天