1. 程式人生 > 程式設計 >詳解vue3中的非父子元件傳值

詳解vue3中的非父子元件傳值

目錄
  • Aphttp://www.cppcns.comp.
  • sub1.客棧vue
  • sub2.vue
  • 總結
vue2中非父子元件的傳值主要是通過事件匯流排,建立一個vue例項,通過在不同的元件中匯入該例項來實現非父子元件之間的通訊行為。
vue3提供了**provide**和**inject**屬性,可以實現非父子元件之間的通訊;
假設有三個元件:App.vue(父級)、sub1(子級)、sub2(子級的子級):

App.vue

<template>
 http://www.cppcns.com <div style="border: 1px solid pink">
    <h1>我是你爹</h1>
    <span>