理论知识
- 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中,多个绑定用户操作的方法处理业务数据。