provide/inject

最新推荐文章于 2024-09-19 09:44:03 发布

m0_69335214

最新推荐文章于 2024-09-19 09:44:03 发布

阅读量205

点赞数 2

文章标签：前端 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/m0_69335214/article/details/136869831

版权

本文介绍了在Vue.js中如何通过`provide`在父组件提供数据，以及在子组件中使用`inject`进行数据注入，展示了组件间通信的关键概念和用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//在父组件中，使用provide提供数据：
//name：定义提供 property的 name。
//value ：property的值。
 setup(){
    provide('info',"值")
  }

//在子组件中，使用inject注入数据
//name：接收 provide提供的属性名。
//default：设置默认值，可以不写，是可选参数。
setup(){
    const info = inject("info")
    inject('info',"设置默认值")
    return {
        info
    }
  }