v-bind只能实现数据单向绑定

修改input的值，页面上{{msg}}不会改变，v-bind只能从 M -> V，不能从V -> M

<div id="app">
    {{msg}}
    <input type="text" :value="msg" width="100%">
</div>

如果使用v-model，则可以实现数据的双向绑定

<div id="app">
    {{msg}}
    <input type="text" v-model="msg" width="100%">
</div>

注意：

1、只有 表单元素 可以 双向数据绑定
2、表单元素有 -input(radio, text) select checkbox