Vue3源码:attrs属性

38 阅读1分钟

用法\

父div

<NumberList :componentName="'NumberList'" :GF_data_1="'data_1'" :GF_data_2="'data_2'" />

子div

<script setup>
import GrandSon from "./GrandSon.vue";
import { defineProps } from "vue";
defineProps([
  "componentName"
]);

<template>
  <div>
    <div>{{ componentName }}</div>
    <GrandSon :GF_data="$attrs"/>
  </div>
</template>

孙div

<script setup>
import { defineProps } from "vue";
let ddd = defineProps(["GF_data"]);
</script>

<template>
  <div>GrandSon:
    <div>{{ GF_data }}</div>
  </div>
</template>

子div接收过的字段不会传给孙div

image.png