lang
="en"
>
>
charset
="utf-8"
>
>
模板語法、v指令入門title
>
src=
"">
script
>
head
>
>
"root"
>
>
} - }
div>
>
}div
>
>
} - }
div>
v-html
="test2(my.age)"
>
div>
div>
>
// 物件，裡面有兩個最基本屬性，是固定屬性
// **要寫在 id 為 root 的 div 下面
const config =
, test:
function()
,// 箭頭函式，同時傳參
test2:
(age)
=>
'my age is'
+ age.
tostring()
+''}}
;// 建立乙個 vue 例項，傳入的引數是乙個物件
newvue
(config)
;script
>
body
>
html
>
lang
="en"
>
>
charset
="utf-8"
>
>
v-if判斷title
>
src=
"">
script
>
head
>
>
"root"
>
v-if
="test(age)"
>
true 顯示的文字
div>
v-else-if
="age == 19"
>
正好 19 歲
div>
v-else
>
false 顯示的文字
div>
div>
>
const config =,}
;new
vue(config)
;script
>
body
>
html
>
Vue基礎語法
指令 1.1 資料繫結指令 v pre 填充原始資訊 1.顯示原始資訊跳過編譯過程 v once 只編譯一次 應用場景 顯示的資訊後續不需要修改。1.2 雙向資料繫結type text v model username 1.3 事件繫結type button v on click num type ...
Vue基礎語法
常用控制項 基本練習 class繫結 使用方式 v bind class expression expression的型別 字串 陣列 物件 style繫結 v bind style expression expression的型別 字串 陣列 物件 vue通過由點 表示的指令字尾來呼叫修飾符，st...
VUE 基礎語法
1.繫結文字 v model msg 2.繫結html v html h2test 3.繫結標籤屬性 v bind 屬性名 如 href class等 簡寫形式 屬性名 修改顏色 this is update background color div 4.表示式的應用 三元運算子 字串反轉 id t...