组件值传递用于Provide/Inject :组件的多级传递，例如从父组件向子组件传递值。 与react的上下文相似。
如何：父组件通过provide提供必须传递的参数，例如传递实例上的属性。 data () ) return ) arr:('a '，' b '， ' c ' )、provide((return ) arrv:this.arr ) )或孙组件)是inject中的inject: ['arrV'] created ) (console.log ) ) arrrrrv ) )的this.arrV ) )响应绑定Provide在setup中使用Provide时，首先从vue显式地选择Provide方法此方法有两个属性({ name，value ) )
//htmltemplate div h2Provide的使用/h2 button @click='getData '更新信息/buttonthirdcom//div/template//script component 336666 age: 0，location: '' } ) const getData=()={ userId.value='BX123 ) ) ) 65 userinfo.name=provide(userInfo )、userinfo； return { getData }}以这种方式定义了响应型userId和userInfo，并将其传递给后续组组件，通过公开getData事件来触发响应型数据更改
Inject需要在setup函数中使用Inject函数时也显示(“导入”(import ) inject (from ) vue ) )，并且还接受两个参数({ name，) (默认值)
template div用户信息/div PID : { { userid } }/pulli { { userinfo.name }/Li Li { { userinfo.age } }/Li Li exportdefaultdefinecomponent ({ name : ' third com '，setup ) }{constuserid=inject ) ' userid ' )； constuserinfo=inject(userinfo )； console.log('userId '，userid )； console.log(userInfo )、userinfo )； return { userId，userInfo } }}； /script像这样单击按钮时，传递的页面数据也发生了变化
传输数据包括readonly import { readonly，} from 'vue '； setup () (provide )、userid )、readonly )、userid )； }