跳至主要內容

模板语法

刘春龙原创...大约 1 分钟WEB前端Vue3教程文档

Vue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML,可以被符合规范的浏览器和 HTML 解析器解析。

文本插值

最基本的数据绑定形式是文本插值,它使用的是“Mustache”语法 (即双大括号):

使用 JavaScript 表达式

每个绑定仅支持单一表达式,也就是一段能够被求值的 JavaScript 代码。一个简单的判断方法就是是否可以合法地写在 return 后面

以下是无效的情况

{{ var a = 1 }} // <这是一个语句,而非表达式>

{{ if (ok) { return message } }} // <条件控制也不支持,请使用三元表达式>

原始HTML

双大括号将会将数据插值为纯文本,而不是 HTML。若想插入 HTML,你需要使用 v-html 指令

上次编辑于:
贡献者: 刘春龙
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v2.15.7