Vue插值介绍

插值


  数据绑定最基础的形式是文本插值,使用 {{}} 语法(双大括号):

<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!";
练一练单次插值绑定。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

Vue插值介绍