vue3中provide和inject的使用

1.provide 和 inject 的讲解

provide和inject可以实现嵌套组件之间进行传递数据。这两个函数都是在setup函数中使用的。父级组件使用provide向下进行传递数据；子级组件使用inject来获取上级组件传递过来的数据；需要注意的是：1==>provide只能够向下进行传递数据2==>在使用provide和inject的时候需从vue中引入

2.provide 和 inject 的使用

我们将创建2个组件儿子组件ErZi.vue孙子组件SunZI.vue我们将在父级组件中向其子代传递数据；那么儿子、孙子组件都将会接受到；并且在视图上显示出来

3.父组件

<template> <erzi-com></erzi-com></template><script lang="ts">import ErZi from "../components/ErZi.vue"import {provide, ref} from "vue"export default { name:"About", components:{ 'erzi-com':ErZi }, setup(){ let giveSunziData=ref({  with:100,  height:50,  bg:'pink' }) // 第一个参数是是共享数据的名称(giveSunzi) // 第二个参数是共享的数据(giveSunziData) provide('giveSunzi',giveSunziData) }}</script>

父组件向其子代组件传递了一个对象provide是在setUp这个组合APi中使用的provide的使用方式：provide（'共享数据名称',共享值）共享值可以是字符串、数字、对象、数组子组件在进行接收到的时候；let xxx=inject('共享数据名称');

4.儿子组件

<template> <div>  <h2>儿子组件</h2>  <div>得到的值：{{getFaytherData}}</div> </div> <hr/> <sun-con></sun-con></template><script lang="ts">import { defineComponent, inject } from 'vue';import SunZI from "./SunZI.vue"export default defineComponent({ name: 'ErZi', components:{  'sun-con':SunZI }, setup(){  let getFaytherData=inject('giveSunzi');  return { getFaytherData } }});</script>

5.孙子组件

<template> <div>   <h2>孙子组件</h2>   <div>得到的值{{getYeYeData}}</div> </div></template><script lang="ts">import { defineComponent,inject } from 'vue';export default defineComponent({ setup(){  let getYeYeData=inje......
原文转载：http://www.shaoqun.com/a/838193.html
跨境电商：https://www.ikjzd.com/
krazy：https://www.ikjzd.com/w/1801
 
eprice：https://www.ikjzd.com/w/1325
 
外贸圈：https://www.ikjzd.com/w/1083
 
1.provide和inject的讲解provide和inject可以实现嵌套组件之间进行传递数据。这两个函数都是在setup函数中使用的。父级组件使用provide向下进行传递数据；子级组件使用inject来获取上级组件传递过来的数据；需要注意的是：1==>provide只能够向下进行传递数据2==>在使用provide和inject的时候需从vue中引入2.provide和inje
cicpa考试：https://www.ikjzd.com/w/1375
市场盘点：2019年德国排名前10位的顶级电子商务网站！：https://www.ikjzd.com/articles/103251
从铺货做到到深耕产品类目，这些年我走过的选品之路！：https://www.ikjzd.com/articles/103253
实操手册：做亚马逊不会选品不怨你，手把手教你选品！：https://www.ikjzd.com/articles/103254
为什么越来越多的人做跨境电商？：https://www.ikjzd.com/articles/103255
被三人干了一晚上口述 那晚他们让我舒服极了：http://lady.shaoqun.com/a/247107.html
姐夫垂涎小姨子美色 趁其喂奶不备之时兽性大发实施强奸：http://lady.shaoqun.com/a/77085.html
同桌把我叫厕所揉我奶的经历 两个奶被揉捏得受不了：http://lady.shaoqun.com/a/248076.html
小学生偷拍母亲大型视频疯狂传播:性教育，你等不及了：http://lady.shaoqun.com/a/393611.html
男朋友说我脏，想和我分手！只想说你他妈的干净吗？：http://lady.shaoqun.com/a/393612.html
父亲在高铁上拉女儿的衣服，抚摸亲吻她的下体:这是猥亵吗？：http://lady.shaoqun.com/a/393613.html
女性下面的颜色变深了，是不是和在那方面做的比较多有关？这三个因素是导火索：http://lady.shaoqun.com/a/393614.html