vue指令（8）v-bind

理论知识

• v-bind是用来绑定属性，即绑定html标签的属性值，使其可以动态变化。注意操作目标是标签的属性，在左尖括号内部。

这不同于v-model,v-model是绑定的标签的value值，即用户输入或者可能看到的值，主要在两个尖括号之间。v-bind在内部控制标签的行为，对用户透明。

• 使用方式
  • v-bind:属性名=变量值
  • 可以简写为 :属性名=变量值

实践

<div>
    <a v-bind:href="url">百度</a>
    <button @click='change'>切换</button>
</div>

心得

• 使用vue开发功能模块，核心主要是两个部分
  • 网页模板。主要通过v-xxx绑定html元素，达到控制模板的目的。
  • 数据处理。在vue实例的methods中，多个绑定用户操作的方法处理业务数据。