双向的数据绑定 v-model （四）

指令：是一种特殊的行间自定义属性，职责就是当其表达式的值发生改变时相应的某些行为应用到DOM上。在Vue.js中，指令带有前缀是 v- 开头的，以表示它们是Vue提供的特殊特性，它们会在渲染的DOM上应用特殊的响应式行为。

<script src="vue.js"></script>

<!-- DOM模板 view 视图层 -->
<div>
    <input type="text" v-model="message" />
    <p> {{message}} </p>
</div>

//model  数据模型层

let obj={
    message:'hello,Vue.js!'
}

//Vue 实例
var vm=new Vue({
    el:'#demo',
    data:obj
})

分析：修改输入框的值，影响视图，视图和数据模型model互相绑定的，所以也影响了model,两者(view和model)会相互影响。

v-model 指令一般绑定在表单元素上。（<input>、文本域<textarea>、下拉列表<select>）