属性绑定

v-bind 指令用于将一个值绑定到一个 HTML 属性上。

Vue 中的 v-bind 指令能全面替代 jQuery 中的 $().attr() 和 $.prop() 方法。

例如（这个例子有点“无聊”，更“有意思”的例子见下章）：

<button v-bind:type="buttonType">Button</button>

data() {
  return {
    buttonType: 'submit'
  }
}
</script>

最终 HTML 页面的效果等同于：<button type="submit">Button</button>。我们去修改 data 对象的 buttonType 属性值，最终将影响到 HTML 页面上的 button 的 type 属性值。

v-bind 命令可以简写为 : 形式。个人建议初学者不要使用简写，以免造成记忆负担。