小狐狸的Vue成長日記04-Vue指令之v-pre,v-cloak

1.v-pre

  • v-pre主要用來跳過這個元素和它的子元素編譯過程。可以用來顯示原始的Mustache標籤。跳過大量沒有指令的節點加快編譯。
<code>

<

span

v-pre

>

{{message}}

span

>

<

span

>

{{message}}

span

>

div

>

"app">

2.v-cloak

  • 這個指令是用來保持在元素上直到關聯實例結束時進行編譯。
<code>

<

div

id

=

"app"

v-cloak

>

<

div

>

{{message}}

div

>

div

>

<

script

type

=

"text/javascript"

>

new

Vue({

el

:

'#app'

,

data

:{

message

:

'hello world'

} })

script

>

/<code>

在頁面加載時會閃爍,先顯示:

<code>

<

div

>

{{message}}

div

>

/<code>

然後才會編譯為:

<code>

hello

world!

/<code>

收藏

舉報

儒雅隨和的小狐狸/<code>


分享到:


相關文章: