getfromcode

vue3-004 依赖注入,深层传递数据

前端开发
文章摘要

< script setup lang = "ts" > import { provide , inject } from 'vue' ; provide ( 'lang' , 'zh' ); //父 const lang = inject ( 'lang' ); //子组件 深层组件 还有一个方式 在另一个文件定义 export const…

已有 149 人浏览 发布 2026-01-15 更新 2026-08-26

QQ_1768450615682.png

<scriptsetuplang="ts">

import{provide,inject}from'vue';

provide('lang','zh'); //父

constlang=inject('lang'); //子组件 深层组件


还有一个方式

在另一个文件定义

export const lang = Symbol

防止同名key

</script>

<template>


</template>