v-model双向绑定

<template>

  <h1>{{ msg }}</h1>

  <myinput v-model="msg"></myinput>

</template>

<script setup>

import { ref, reactive } from "vue";

import myinput from "../components/myinput.vue";

const msg = ref("hello")

</script>

<style lang="scss" scoped></style>

 

<template>

    <input type="text" :value="modelValue" @input="$emit('update:modelValue', $event.target.value)">

</template>

<script setup>

import { ref, reactive } from "vue";

defineProps(['modelValue'])

</script>

<style lang="scss" scoped></style>