v-bind v-once

<div id="app" v-bind:title='message' v-bind:style='red' v-once>

    {{message}}

</div>

---

var app = new Vue({

  el: '#app',

  data:{

    message: 'hello world!',

    red: 'color:red'

  }

})

• 定义在Vue实例的data接口上的数据的绑定灵活的，可以绑定在DOM节点内部，也可以绑在属性上；

• 绑定数据到节点属性上时，需要使用v-bind指令，这个元素节点的 title属性和 Vue 实例的 message属性绑定到一起，从而建立数据与该属性值的绑定，也可以使用v-bind:href="url"的缩写方式:href="url"；

• v-once指令能够让你执行一次性的插值，当数据改变时，插值处的内容不会更新；