在vue.js中,有methods和computed兩種方式來動態當作方法來用的
如下:
兩種方式在這種情況下的結果是一樣的
寫法上的區別是computed計算屬性的方式在用屬性時不用加(),而methods方式在使用時要像方法一樣去用,必須加()
兩種方式在緩存上也大有不同,利用computed計算屬性是將 content與message綁定,只有當message發生變化時才會觸發content,而methods方式是每次進入頁面都要執行該方法,但是在利用實時信息時,比如顯示當前進入頁面的時間,必須用methods方式
methods: {
now: function () {
return Date.now()
}
}
如果用computed計算屬性的話,每次進入頁面將一直沿用第一次的信息,不會再觸發now。