vue中的v-bind和v-model的区别

1、v-bind 只能实现数据的单向绑定，从 Model自动绑定到 View， 无法实现数据的双向绑定

<input type="text" v-bind:value="msg" style="width:100%;">

data: {
     msg: '使用 v-bind 时 input 中数据变化，msg 不会同步变化！'
},

使用 v-bind 时 input 中数据变化，msg 不会同步变化

2、使用  v-model 指令，可以实现 表单元素和 Model 中数据的双向数据绑定

•  v-model 只能运用在 表单元素中
• 表单元素包括 input、radio、select 、 checkbox、 textarea

<input type="text" v-model="msg">

使用 v-model，输入框中的数据变，msg同步变化