Vue 模板语法 · Vue.js教程

Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。

在底层的实现上， Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM *** 作上。

如果你熟悉虚拟 DOM 并且偏爱 Javascript 的原始力量，你也可以不用模板，直接写渲染（render）函数，使用可选的 JSX 语法。

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

Message: {{ msg }}

Mustache 标签将会被替代为对应数据对象上 msg 属性的值。无论何时，绑定的数据对象上 msg 属性发生了改变，插值处的内容都会更新。

通过使用 v-once 指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新。但请留心这会影响到该节点上所有的数据绑定：

This will never change: {{ msg }}

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

欢迎分享，转载请注明来源：内存溢出
原文地址:https://54852.com/zaji/3012929.html