模板语法 on Roam Tech-verse | Roamverse Technical Blog /notes/vue/single-instance/template-syntax/ Recent content in 模板语法 on Roam Tech-verse | Roamverse Technical Blog Hugo en-us Copyright © 2020-2026 Razon Yang. All Rights Reserved. Vue 插值语法 /notes/vue/single-instance/template-syntax/interpolation/ Sat, 19 Aug 2023 10:36:30 +0000 /notes/vue/single-instance/template-syntax/interpolation/ 文本插值

数据绑定最常见的形式就是文本插值。

在HTML标签体中，使用两个花括号{{ }}将JS表达式引起来。文本插值含义是将JS表达式的结果作为文本显示到页面中；并不是指JS表达式的结果为文本。

]]> Vue 模板语法 /notes/vue/single-instance/template-syntax/introduction/ Sat, 19 Aug 2023 10:36:30 +0000 /notes/vue/single-instance/template-syntax/introduction/ Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。

]]> Vue 指令语法 /notes/vue/single-instance/template-syntax/directives/ Sat, 19 Aug 2023 10:36:30 +0000 /notes/vue/single-instance/template-syntax/directives/ 指令是指在Vue模板中由Vue原型对象或用户自定义的、带有v-前缀的特殊HTML属性。指令可以用于解析标签（包括标签属性、标签内容、绑定事件等等）。

]]>