vue寫template的4種形式

2022-07-04 01:12:13 字數 774 閱讀 5023

1.template標籤(非單檔案元件)

<

template

id="t1"

>

<

h2>66666666

h2>

template

>

<

script

>

newvue()

script

>

2.template標籤單頁面元件

和上面一樣用,由於有vue-loader編譯不需要在手動在選項template上加『#t1』之類的

3.反單引號

<

script

>

newvue()

script

>

4.script標籤(type="x-template")

<

script

type

="x-template"

id="tem"

>

<

h2>

我是古天樂~

<

div>

666<

/div>>

script

>

<

script

>

newvue()

script

>

Vue2 模板template的四種寫法

閱讀數 3106 html view plain copy divid h1 我是直接寫在構造器裡的模板1 h1 div templateid demo3 h1style color red 我是選項模板3 h1 template script type x template id demo4 h1...

vue例項中的template屬性

將例項中template屬性值進行編譯,並將編譯後的dom替換掉vue例項繫結的元素,如果該vue例項繫結的元素中存在內容,這些內容會直接被覆蓋。特點 1 如果vue例項中有template屬性,會將該屬性值進行編譯,將編譯後的虛擬dom直接替換掉vue例項繫結的元素 即el繫結的那個元素 2 te...

Vue 的 template 模板相關語法

目錄 1 vue 模板的特點 2 內容展示方面 v text v html v pre 3 繫結屬性方面 v bind 縮寫為 4 繫結事件方面 v on 縮寫為 5 條件判斷指令 v if v else 6 迴圈指令 v for key index 7 顯示與隱藏 v show 8 v cloak...