vue实现双向绑定的两种方式

第一种：利用 $refs 属性

	<div id="app">
		请输入名字：<input ref='name' type="text" v-on:keyup='change'>
		<p>{{name}}</p>
	</div>
<script type="text/javascript">
	new Vue({
		el:'#app',
		data:{
			'name':'',
		},
		methods:{
			change:function(){
				this.name = this.$refs.name.value;
			}
		}
	})
</script>

第二种 利用指令 v-model

	<div id="app">
		请输入名字：<input ref='name' type="text" v-model='name'>
		<p>{{name}}</p>
	</div>
<script type="text/javascript">
	new Vue({
		el:'#app',
		data:{
			'name':'',
		},
	})
</script>

PS:使用$refs 有一个问题就是如果name一开始就有值，并不会刚开始就在input显示，而是在事件触发时才执行绑定。