Vue學習(基礎編):基本指令的使用2

1 v-pre:

使用v-pre指令可以使欄位不進行編譯,程式碼如下:

Vue學習(基礎編):基本指令的使用2

實現效果如下:

Vue學習(基礎編):基本指令的使用2

2 v-clock

使用v-clock屬性,可以使頁面更加友好化,在vue沒有解析完之前,將欄位進行隱藏,先展示程式碼:我們讓Vue程式碼,延遲兩秒進行載入。

Vue學習(基礎編):基本指令的使用2

頁面效果如下:頁面會先顯示 {{message}},過兩秒後再顯示AA,這樣對於使用者就不友好。

Vue學習(基礎編):基本指令的使用2

Vue學習(基礎編):基本指令的使用2

v-clock 使用方法

實現效果就是,頁面不會顯示{{message}},而在兩秒後直接顯示AA。

Vue學習(基礎編):基本指令的使用2

這是我自己學習vue的一些心得,如有錯誤,請大家指正,我一定會虛心學習!加油