插值
数据绑定最基础的形式是文本插值,使用 {{}} 语法(双大括号):
<span>Message: {{ msg }}</span>
{{ msg }} 标签会被相应数据对象的 msg 属性的值替换。每当这个属性变化时它也会更新。
也可以只处理单次插值,今后的数据变化就不会再引起插值更新了:
<span>This will never change: {{* msg }}</span>
如下javascript代码:
var data={msg:'Hello Vue.js!'};new Vue({ el: '#demo', data: data })data.msg="Hello World!";
练一练单次插值绑定。
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。