Vue.js 使用了基于 HTML 的模板语法允许开發者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML所以能被遵循规范的浏览器和 HTML 解析器解析。
在底层的实现上Vue 将模板编譯成虚拟 DOM 渲染函数。结合响应系统Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少
如果你熟悉虚拟 DOM 并且偏爱 JavaScript 的原始力量,你也可以不用模板直接写渲染 (render) 函数,使用可选的 JSX 语法
双大括号会将数据解释为普通文本,而非 HTML 代码为了输出真正的 HTML,你需要使用 v-html 指令
v-html 指令用于更新元素的 innerHTML。注意:内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译如果试图使用 v-html 组合模板,可以重新考虑是否通过使鼡组件来替代
注意,你不能使用 v-html 来复合局部模板因为 Vue 不是基于字符串的模板引擎。反之对于用户界面 (UI),组件更适合作为可重用和可組合的基本单位
你的站点上动态渲染的任意 HTML 可能会非常危险,因为它很容易导致 XSS 攻击请只对可信内容使用 HTML 插值,绝不要对用户提供的內容使用插值
插值语法不能作用在 HTML 特性上,遇到这种情况应该使用 v-bind 指令
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。