v-bind和v-mode区别

刚学习vue的时候就涉及到v-bind和v-model，会对此有一些迷惑。

v-bind：
eg：v-bind:class 可简写为 :class
这个是单向绑定，一般对HTML中的属性、css的样式、对象、数组、number类型、bool类型绑定

<div class="app">
    <a v-bind:href="url" v-bind:class="class">click me</a>
    <img v-bind:src="imgsrc">
</div>  

var app = new Vue({
    el:'.app',
    data:{
        url:"https://www.baidu.com",
        imgsrc:"https://cn.vuejs.org/images/logo.png",
        class:"btn btn-default"
    }
});

v-model
主要是用在表单元素中，这个是真正的双向绑定。在同时使用v-bind和v-model中，v-model建立的双向绑定对输入型元素input, textarea, select等具有优先权，会强制实行双向绑定。

 
<div  id="div1">
		<input  type="text" v-model="message1"/>
		<h1>{
  {message1}}</h1>
		<input type="te