父组件:
<script setup>
import { ref } from 'vue'
import MyComponent from './MyComponent.vue'
const name = ref('v-model argument exss mple')
</script>
<template>
<h1>{{ name }}</h1>
<MyComponent v-model:titlme="name" />
</template>
父组件中绑定传递的值使用v-modle 然后子组件中可以使用update:(变量name)的emit事件直接修改父组件中传递给子组件的值
子组件:
<script setup>
let props = defineProps({
titlme: String})
defineEmits(['update:titlme'])
</script>
<template>
<input
type="text"
:value="props.titlme"
@input="$emit('update:titlme', $event.target.value)"
/>
</template>
本文介绍了在Vue中,如何使用`scriptsetup`和`v-model`实现父子组件之间的值传递,以及子组件通过`emit`事件更新父组件传入的值的过程。
748

被折叠的 条评论
为什么被折叠?



