vue2和vue3 双向数据绑定

Vue2和Vue3都支持双向数据绑定，这是它们的一大特点，使得视图层的数据变化可以自动反映到模型层，反之亦然。在Vue2中，数据绑定主要是通过`v-model`指令实现，它结合了属性绑定和事件绑定。例如：

<input v-model="message">

在这个例子中，当输入框的内容改变时，`message`的值会同步更新。

在Vue3中，虽然语法有所调整，但仍保留了双向数据绑定，而且引入了更高效的响应式系统。Vue3使用了`ref`和`<script setup>`等新特性来管理状态。如：

<script setup>
const message = ref('');
</script>
<input :value="message.value" @input="message.value = $event.target.value">

这里`ref`创建了一个响应式的引用，`@input`监听事件并实时更新数据。