Vue.js新手入门
首页 > Vue.js新手入门 > Vue插值介绍

Vue插值介绍

2021-03-23 22:29:19 7

编辑 收藏

插值


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

  1. <span>Message: {{ msg }}</span>

  {{ msg }} 标签会被相应数据对象的 msg 属性的值替换。每当这个属性变化时它也会更新。

  也可以只处理单次插值,今后的数据变化就不会再引起插值更新了:

  1. <span>This will never change: {{* msg }}</span>

如下javascript代码:

  1. var data={msg:'Hello Vue.js!'};new Vue({  el: '#demo',  data: data })data.msg="Hello World!";
练一练单次插值绑定。
TAGS:Vue插值