vue中v-bind与v-model的区别与联系

在我们需要绑定的属性前面加上 v-bind 之后，v-bind 就和该属性绑定在一起了

<a v-bind:href="url">去百度</a>  //v-bind绑定href

data() {
	return {
		url: "http://www.baidu.com"
		}
	}

我们只需要改变 data 中 url 的值，就能使 a 标签跳转到与修改后的值对应的的页面

v-model 是动态的双向数据绑定（只能用在input, textarea, select上），以 input 为例，绑定之后随着 input 中输入内容的改变，对应绑定的数据也跟着改变

<input type="text" v-model="message">  / /在input中输入：今天天气很好

data(){
	return {
	message: '今天天气很好 ',   // 此时message中数据自动更新为“今天天气很好”
	}
}

其实 v-model 就是 v-bind 加上 v-on 的变形体（或者语法糖）

<input type="text" v-model="message">
等价于：
<input type="text" v-bind:value="message"  v-on:input="message=$event.target.value">