v-model双向数据绑定

双向数据绑定

主要用于给表单元素创建双向数据绑定。
即：
1.视图发生改变→数据发生对应的改变。即用户在视图（网页）上通过输入等操作，改变原数据。
2.数据改变→视图发生对应的改变。即在js中的数据本身发生改变（不由视图层面的操作导致的），视图要显示出最新的数据。
如：

Vue的绑定方式

Vue一般通过v-model指令进行双向数据绑定:
1.视图发生改变→对应的数据发生改变：用户在输入框里输入的内容会被message变量接下来，改变了app.message的值。
2.被改变的app.message同时也将动态更新在p标签的内容里。

<input type="text" id="app" v-model="message">