v-model基础

你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。

input 文本框

<template>
  <div>
    <input v-model="message" placeholder="快来这里写东西" />
    <p>你输入的是: {{ message }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: "",
    };
  },
};
</script>

![1.png](https://assets.clwy.cn/uploads/1xq3s168ub8qm...