Vue 使用一种基于
HTML 的模板语法
,使我们能够
声明式地
将其组件实例的数据绑定到呈现的 DOM 上。
文本插值{{}}
最基本的数据绑定形式是文本插值{{}}
,即双大括号,双大括号里面的值是js表达式
,常见的有:变量、三元表达式等。
<span>Message: {{ msg }}</span>
双大括号标签会被替换为相应组件实例中 msg 属性的值。同时每次 msg 属性更改时它也会同步更新。
受限的全局访问
模板中的表达式将被沙盒化
,仅能够访问到有限的全局对象列表
。
沙盒化:
将运行的模板隔离在特定的环境中,避免应用的其他模板对改模板造成影响。
全局对象列表中会暴露常用的内置全局对象
,比如 Math 和 Date。没有显式包含在列表中的全局对象将不能在模板内表达式中访问,例如用户附加在 window 上的属性
。然而,你也可以自行在 app.config.globalProperties
上显式地添加它们,供所有的 Vue 表达式使用。