vue双向数据绑定v-model

html中代码

<div id="me">
   <input type="text" v-model="message"/>
   <p>{{message}}</p>
</div>

script中代码

var vm = new Vue({
			el:"#me",//选定id
			data:{
				message:"hello" //input中的message值放在data里面
			}
		})

代码解析：
input框中的message值放进 script 中 data 里面 ，然后p标签中的模板语法渲染输出的是data里面message的值，当你在input中输入值的时候，data里面的message的值也在改变，p标签里面的值跟着data里面的message的值改变，所以总的来说，在input中输入文字，p标签会跟着显示input框中的文字，这就是vue的双向数据绑定
··
想讨论更多编程话题
加入qq群聊：1090397302
翠花欢迎你的到来QAQ~~
··