vue3 使用＜component＞传参及使用

最新推荐文章于 2025-02-17 21:42:47 发布

禾苗种树

最新推荐文章于 2025-02-17 21:42:47 发布

阅读量485

点赞数 3

文章标签： javascript vue.js 前端

本文链接：https://blog.youkuaiyun.com/m0_45011929/article/details/145474951

版权

代码环境：vue3、ts

// 父组件
	<component :is="currentTabComponent"  :useId="12333"></component>

// 子组件 currentTabComponent
<template>
	<div class="left-tree">
		哈哈哈哈
	</div>
</template>


<script lang="ts" setup>
import {ref, reactive, computed,onMounted,watch  } from 'vue'
// 定义接受参数，和普通的父子传参接受方法一样
const props = defineProps({
	useId: {
    type: String,
    default: ''
  }
})
onMounted(() => {
// 使用参数
	console.log('csndhu',props.useId)
})

</script>