vue中有两种数据绑定方式单向数据绑定和双向数据绑定
单向数据绑定
使用v-bind来实现，修改data中的数据页面会随之发生改变，但修改页面的内容，data中的数据**不
会发生改变**的，这就是单向绑定。
双向数据绑定
使用v-model来实现，修改data中数据页面会随之发生改变，修改页面的内容，data中的数据也**会
发生改变**，这就是双向绑定。
注意:
1.v-model一般都应用在表单元素上（如input、select等）。
2.v-model:value="name" 可以简写为v-model="name",因此v-model收集的就是value值。
<body>
<div id="root">
<!--
单向数据绑定：data流向页面
双向数据绑定：不仅data流向页面，页面也会流向data
-->
单向数据绑定：<input type="text" v-bind:value="name" /><br />
双向数据绑定：<input type="text" v-model="name" />
</div>
</body>
<script>
const vm = new Vue({
el: '#root',
data: {
name: 'asd'
}
})
</script>
