vue3

mmit 双向数据绑定

<template>
  <input type="text"
         :value="keyword"
         @input="$emit('update:keyword',$event.target.value)"
         placeholder="请输入内容">
</template>
<script>
export default {
  name: "itInput",
  props:["keyword"],
  data() {
    return {
    }
  },
  component: {
  },
  methods: {},
}
</script>
<style>
input{
  width:400px;
  height: 32px;
  line-height: 32px;
}
</style>

<template>
  <input type="text"
         :value="firstName"
         @input="$emit('update:firstName',$event.target.value)"
         placeholder="firstName">
  <br>
  <input type="text"
         :value="lastName"
         @input="$emit('update:lastName',$event.target.value)"
         p