Vue之v-model和v-bind

初学vue容易把这两个搞混淆,简单来说，v-bind属于单向绑定，v-model是双向绑定

<input v-model="message"> 与下面的两行代码是一致的：

<input v-bind:value="message" v-on:input="message = $event.target.value" />
<input :value="message" @input="message = $event.target.value" /> //缩写

v-bind单向绑定，把input输入框的值绑定到data里面的message数据上，message是什么值，input输入框里面就显示什么值，即M模型单向控制V视图

v-model双向绑定，input的内容由data里面的message控制，即M决定V，并且在input输入内容的时候，新输入的内容也能同步修改message,即V修改M