首页 > 其他分享 >Vue3——provide 与 inject

Vue3——provide 与 inject

时间:2022-09-06 20:55:44浏览次数:66  
标签:provide 后代 间通信 inject Vue3 组件

  • 作用:实现祖与后代组件间通信

  • 套路:父组件有一个 provide 选项来提供数据,后代组件有一个 inject 选项来开始使用这些数据,两个函数联合起来能实现祖孙组件间通信

  • 具体写法
  • 组组件

  • 后代组件

标签:provide,后代,间通信,inject,Vue3,组件
From: https://www.cnblogs.com/MDRY/p/16663269.html

相关文章

  • vue3对比vue2获取通过refs获取组件数据
    vue21、组件设置ref标识<van-calendarref="calendarRef">2、在mounted中读取exportdefault{mounted(){//获取日历当前选择的时间constdat......
  • vue3项目的创建与初始化(vite)
    node:16版本npm:8版本一、创建1.以下代码:注意my-vue-app为即将创建项目的名字,可以自行更改#npm6.xnpmcreatevite@latestmy-vue-app--templatevue#npm......
  • vue3——toRaw 与 markRaw
    toRaw:作用:将一个由reactive生成的响应式对象转为普通对象。使用场景:用于读取响应式对象对应的普通对象,对这个普通对象的所有操作,不会引起页面更新。markRaw:作......
  • NET5配合vue3图片上传
    NET5配合vue3图片上传后端函数///<summary>///上传文件///</summary>///<paramname="files">文件流</param>///<ret......
  • vue2进阶vue3环境搭建
    一、cli升级sudocnpminstall-g@vue/cli二、查看版本vue--version 目前最新为 @vue/cli5.0.8 vue/cli要4.0以上的版本才有创建vue3的模版 三、升级node......
  • Java Servlet 入门: 问题系列:No compiler is provided in this environment. Perhaps y
    问题:用Maven编绎运行时,如果系统引用的JRE运行库,而不是JDK开发运行库,则会抛异常。 解决:在eclipse的菜单中,进入Window>Preferences>Java>InstalledJREs->Add......
  • vue3项目-小兔鲜儿笔记-商品详情页02
    1.SKU和SPU概念SPU代表一个商品,这个商品可以拥有很多属性SKU代表这个商品可选规格的任意组合,是库存单位唯一标识 2.路径字典大致步骤根据后台返回的sku数据得......
  • vue3+ts 为原型上添加属性声明
    背景比如在vue2的情况下我们有的时候需要为Vue的原型对象上添加属性或方法,vue3的情况下需要为app挂载全局属性配置,但是结合了ts后,在vue文件中会报警告,但是程序可以正常被......
  • vue3之composition-api的使用(包含watch watchEffect)
    是什么composition-api官方介绍vue2:options-api,组件按照选项组织,就是将组件各个部分严格写在methods、computed、watch、data等等里面(特定的区域写特定的代码);vue3:co......
  • vue3 组件-动画进度条
    https://kuangyx.cn/docs/文章/vue3组件/进度条.html......