526互联

vue3中的useAttrs和 defineProps的用法

发布时间 2023-08-16 10:01:25作者: 麦兜家园
<template>
  <Table :data="data" v-bind="$attrs"/>
</template>
<script setup lang="ts">
   const $attrs = useAttrs()
   const data = defineProps(["data"])
</script>

需注意的是：

defineProps和useAttrs都可以获取到父组件传递过来的属性和属性值，但是defineProps获取过的useAttrs就获取不到了；

useAttrs可以接收除了属性和属性值还可以接收事件以及自定义事件