Vue3.js：自定义组件 v-model
<template>
<div>
<custom-input v-model="message" />
<p>Message: {{ message }}</p>
</div>
</template>
<script>
import { ref } from 'vue';
import CustomInput from './CustomInput.vue';
export default {
components: {
CustomInput
},
setup() {
const message = ref('');
return { message };
}
};
</script>在这个例子中，我们创建了一个名为CustomInput的自定义组件，它使用v-model来创建一个双向绑定，将其值与父组件的message变量同步。这个例子展示了如何在Vue 3.x中实现组件的v-model功能。
评论已关闭