Vue 学习笔记 —— 模板语法 （一）

/* 1. 解决花括号闪动的问题 */

[v-cloak] {

display: none;

}

{ {msg}}

三、数据绑定的指令

========================================================================

3.1 v-text （我就是 innerText）

• 填充纯文本内容，相当于 js 中的 innerText

• 相比插值表达式更简单

{ {msg}}

3.2 v-html （会 innerHTML 吗）

• 填充 HTML 片段，相当于 js 中的 innerHTML

• 但是存在安全性问题，只能使用本站的数据作为数据源，第三方数据可以

可以看到 html 的部分会被转义

3.3 v-pre 跳过预编译

• 填充原始信息

• 显示原始信息

• 跳过编译过程

{ {msg}}

显示原始字符串

3.4 v-once (一次编译，不在变换）

v-once 只编译一次：显示内容之后不在具有响应式功能

(当你显示的信息后续不会在修改了，你就可以用 v-once，提高性能)

{ {msg}}

{ {info}}

3.5 v-model 双向数