在vue文件的HTML結構裏面使用moment方法報錯

記錄一下之前一個簡單的小問題,今天又重新遇到,差點忘記了怎麼解決。

一開始想使用moment的時候,直接照着思路,先import進來,然後在template裏面的使用,但是這樣子會報個錯誤

說是未找到moment這個方法,那麼問題來了,我都已經import進來了爲啥在template裏面爲啥不可以使用,我個人認爲,這個應該類似import組件一樣,組件被import進來後,必須在components裏面註冊一下,方可以使用。那麼按照這個思路,vue報這個錯誤也就有理可循了。解決辦法就是在data或者methods裏面寫個moment屬性(方法),類似下圖這樣子:

但是爲什麼將moment在data或者methods裏面聲明一下就可以使用了呢?原因是在vue的生命週期裏面,在created階段,組件的data和methods都已經被初始化好了,而template裏面的內容是在created後才進行編譯的,所以才能夠使用到moment的方法。

在這裏貼一個大佬的vue生命週期解釋圖(感謝),再次重新複習一下生命週期

 雖然是一個很小的問題,能夠增強一些知識的理解是很值得的

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章