vue3父组件给子组件传值

父组件

<template>
	<div id="wrap">
		// 子组件
		<son :title="title" />
	</div>
</template>
<script setup>
	import { ref } from 'vue'
	const title = ref('')
</script>

子组件: 通过defineProps来接受父组件传过来的数据

<template>
	{{ props.title }}
</template>
<script setup>
	import { defineProps } from 'vue'
	let props = defineProps(['title'])
</script>

你可能感兴趣的:(vue3+ts,javascript,typescript,vue.js)