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>