<
!doctype html>
"utf-8"
>
"x-ua-compatible" content=
"ie=edge"
>
<
/title>
"description" content=
"">
"viewport" content=
"width=device-width, initial-scale=1"
>
"stylesheet" href=
"">
"vue/vue.js"
>
<
/script>
[v-cloak]
<
/style>
<
/head>
>
}"mag"
>
<
/div>
"mad"
>
<
/div>
}<
/div>
}<
/div>
"text" v-model =
"mah"
>
<
/div>
<
!--
vue的建立：1、用new
vue(
)宣告vue物件（例項）
2、在例項中有兩個重要屬性
1、el：元素選擇器繫結（值為css選擇器或者dom物件），也就是類似選擇器吧。
2.data：模型資料（資料變數的建立位置，在頁面中所有的資料變數，都要在裡面建立，並為變數賦值，就是資料存放的位置）
插值表示式：
}，將資料變數中的值，填充到html標籤中，並支援基礎的計算操作。
指令：v-開頭
1、v-cloak ：清除（隱藏）頁面
}的閃動
用法：1、提供css樣式，在樣式表中寫入
[v-cloak]
[v-cloak]
<
/style>
2、在}所在標籤中加入v-cloak
}<
/div>
2、v-text：純文字的填充
用法：《標籤 v-text =
" 資料變數 "
>
《標籤》
"mag"
>
<
/div>
mag:
'你好啊'
,3、v-
html：填充html片段
(存在重大安全隱患)
用法：《標籤 v-html =
" 資料變數 "
>
《標籤》
"mad"
>
<
/div>
mad:
''4、v-pre：顯示原始資訊
用法：《標籤 v-pre>
<
/標籤》
}<
/div>
5、v-once：只顯示一次，不可以更改
用法：《標籤 v-once>
<
/標籤》
6、雙向資料繫結
資料的繫結：就是將資料填充到標籤中。
資料的響應式：資料的變化導致頁面內容的變化。
v-model：用於表單和元件建立雙向資料繫結
限制: components
用法："text" v-medol =
"資料變數"
>
}<
/div>
"text" v-model =
"mah"
>
通過對表單內的更改，可以更改同步到div中
以上的操作都在同一選擇器範圍
-->
// vue的建立
newvue(}
)<
/script>
<
/body>
<
/html>
vue自定義指令的建立和使用
1 bind 只呼叫一次，指令第一次繫結到元素時呼叫，用這個鉤子函式可以定義乙個繫結時執行一次的初始化動作。2 inserted 被繫結元素插入父節點時呼叫 父節點存在即可呼叫，不必存在於document中 3 update 被繫結於元素所在的模板更新時呼叫，而無論繫結值是否變化。通過比較更新前後的...
vue自定義指令的建立和使用
一 自定義指令的建立和使用 vue自帶的指令很多，v for v if v else v else if v model v bind v on v show v html v text.但是這些指令都是比較偏向於工具化，有些時候在實現具體的業務邏輯的時候，發現不夠用，如何來自定義指令.1 自定義指...
vue基本指令
指令是一些特殊的標記，給html新增一些原來沒有的功能 指令一 v model type text v model num type checkbox v model ischecked div const vm newvue 雙向資料繫結的原理底層通過 object.defineproperty ...