1. v-bind 簡(jiǎn)寫成:

2. v-model

3. v-for

4. v-on 事件綁定，簡(jiǎn)寫成@

5. v-if 如果是false,元素會(huì)被刪除，會(huì)影響頁面性能，不適用于元素被頻繁刪除新增的場(chǎng)景

6. v-else 必須緊跟在 v-if之后使用，

7. v-show 元素沒有被刪除，只控制顯示和隱藏

8. v-text? 不能解析html元素

9. v-html 可以解析html元素，使用不當(dāng)，會(huì)導(dǎo)致xss安全漏洞。

10. v-cloak 只有名，沒有值，阻止沒有被vue渲染的元素在頁面上展示，在vue接管頁面的同時(shí)，刪除元素中的v-cloak屬性

11. v-once 模板只被解析一次，后續(xù)的變更不會(huì)影響此模板，一般用于展示變量的初始值。

12. v-pre 模板不被vue解析

13. 自定義指令

v-text?

1. 直接替換

2. 不會(huì)解析html元素,， 比如<h3>wtfff</h3> ,v-text會(huì)把這個(gè)數(shù)據(jù)完全展示，而不會(huì)把wtfff渲染成h3的格式，

v-html 及其 安全問題?

cookie的工作原理

會(huì)解析html元素,， 比如<h3>wtfff</h3> ,v-text會(huì)把這個(gè)數(shù)據(jù)展示的同時(shí)，會(huì)把wtfff渲染成h3的格式。

document.cookie 可以獲取 所有httponly 為false的cookie

v-cloak? 阻止未經(jīng)vue渲染的元素在頁面上顯示。只有名，沒有值。

在vue接管頁面的同時(shí)，刪除掉元素里的v-cloak屬性。

style{

[v-cloak]: display-one; //表示所有有v-cloak的元素都應(yīng)用此css

}

有一個(gè)js資源，網(wǎng)絡(luò)不好，花費(fèi)了5秒才加載完成。

JS阻塞。js代碼里如果有一步有阻塞，那么其它的代碼必須在這一步執(zhí)行完后，再執(zhí)行下面的代碼。

v-once

只渲染一次，后續(xù)數(shù)據(jù)的變更不會(huì)影響此數(shù)據(jù)

實(shí)踐

v-pre?

讓vue不解析模板，

實(shí)踐

顯示

自定義指令