vue 把组件挂载到视图_Vue视图

1. 基本模板语法

1.1 插值

文本

数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值

v-text 指令也可以用于数据绑定，如果要更新部分的 textContent ，需要使用 插值。

通过使用 v-once 指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新

原始HTML

双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，你需要使用 v-html 指令

你的站点上动态渲染的任意 HTML 可能会非常危险，因为它很容易导致 XSS 攻击。请只对可信内容使用 HTML 插值，绝不要对用户提供的内容使用插值。

属性

Mustache语法不能作用在 HTML 特性上，遇到这种情况应该使用 v-bind 指令

在布尔属性的情况下，它们的存在即暗示为 true， 如果值是 null、undefined 或 false，则属性不会被包含在渲染出来的

使用JavaScript表达式

{ { number + 1 }}

{ { ok ? 'YES' : 'NO' }}

{ { message.split('').reverse().join('') }}

{ { var a = 1 }}

{ { if (ok) { return message } }}

防止刷新或加载闪烁

display: none !important;

}