vue2的双向绑定

vue是一个mvvm框架，即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。

Vue.js 2 中的双向绑定是通过 v-model 指令实现的。v-model 指令可以在表单输入元素上创建双向数据绑定。当用户在输入框中输入内容时，数据会自动更新，反之亦然。

<div id="app">
  <input v-model="message" placeholder="输入一些内容">
  <p>你输入的内容是: {{ message }}</p>
</div>
 
<script>
new Vue({
  el: '#app',
  data: {
    message: ''
  }
})
</script>