一. 属性绑定
1. Vue如何动态处理属性
利用 v-bind指令用法 或 缩写形式 进行动态绑定
<a v-bind:href="url"></a>
<a :href="url"></a>
2. v-model的底层实现原理分析
<input v-bind:value="msg" v-on:input="msg=$event.target.value">
三个例子实现效果一致:
<div>msg</div>
- <input type="text" v-bind:value="msg" v-on:input='handle'>
handle: function (event) {
// 使用输入域中的最新的数据覆盖原来的数据
this.msg = event.target.value
}
- <input type="text" v-bind:value="msg" v-on:input="msg=$event.target.value">
- <input type="text" v-model="msg">
二. 样式绑定
1. class样式处理
- 对象语法
<div v-bin