Vue中的两种数据绑定方式

Vue中有2中数据绑定的方式：
1、单向绑定(v-bind)：数据只能从data流向页面
2、双向绑定(v-model)：数据不仅能从data流向页面，还可以从页面流向data

备注：
1、双向绑定一般都应用在表单类元素上(如：input、select等)
2、v-model:value 可以简写为 v-model，因为v-model默认收集的就是value值

  <div id="root">
        <!-- 普通写法 -->
        <!-- 单向数据绑定:<input type="text"