vue中computed與methods的異同


在vue.js中,有methods和computed兩種方式來動態當作方法來用的

如下:

 

兩種方式在這種情況下的結果是一樣的

寫法上的區別是computed計算屬性的方式在用屬性時不用加(),而methods方式在使用時要像方法一樣去用,必須加()

 

 

兩種方式在緩存上也大有不同,利用computed計算屬性是將 content與message綁定,只有當message發生變化時才會觸發content,而methods方式是每次進入頁面都要執行該方法,但是在利用實時信息時,比如顯示當前進入頁面的時間,必須用methods方式

 

 

 
        
methods: {
now: function () {
return Date.now()
}
}

如果用computed計算屬性的話,每次進入頁面將一直沿用第一次的信息,不會再觸發now。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM