018.Vue3入门，表单输入绑定，以及lazy延时回车才显示

1、代码如下

<template>
  <h3>表单输入绑定</h3>
  <form>
    <!--    编辑框内容变化时候，下面标签同步显示编辑框内容-->
    <input type="text" v-model:="username">
    <P>{{ username }}</P>
    <!--    编辑框内容变化时候，按下回车后，标签才同步显示-->
    <input type="text" v-model.lazy="password">
    <P>{{ password }}</P>
    <!--    勾选后显示对应的文本-->
    <input type="checkbox" id="check1" v-model="checked">
    <label for="check1">{{ checked }}</label>
  </form>
</template>

<script>
export default {
  data() {
    return {
      username: "",
      password: "",
      checked: true,
    }
  }
}
</script>

<style>
</style>

2、效果如下：