vue数据绑定

总结:
单向数据绑定
语法：v-bind:href =“xxx” 或简写为 :href =“xxx”
特点：数据只能从 data 流向页面
双向数据绑定 指令 v-model
语法：v-mode:value=“xxx” 或简写为 v-model=“xxx”
特点：数据不仅能从 data 流向页面，还能从页面流向 data

<div id="content">
			<!--普通写法-->
			单项数据绑定:<input type="text" v-bind:value="name"  />
			<!--v-model只能用于表单元素上 因为只有表单元素才有Value v-model绑定的是value-->
			双项数据绑定:<input type="text" v-model:value="name"  />
			<!--简写-->
			单项数据绑定:<input type="text" :value="name"  />
			双项数据绑定:<input type="text" v-model="name"  />
		</div>
		<script type="text/javascript">
			Vue.config.productionTip = false;
			new Vue({
				el:"#content",
				data:{
					name:"尚硅谷"
				}
			})
			
		</script>