1. 程式人生 > >vue中provide-inject跨多元件通訊

vue中provide-inject跨多元件通訊

provide/inject

這對選項需要一起使用,以允許一個祖先元件向其所有子孫後代注入一個依賴,不論元件層次有多深,並在起上下游關係成立的時間裡始終生效。如果你熟悉 React,這與 React 的上下文特性很相似。

provide

  • 在生命週期中順序
    1. beforeCreate
    2. data
    3. provide
    4. created
    5. mounted
  • provide可以是一個物件或者是一個返回物件的函式,使用物件模式的時候注意this的指向問題
  • provideinject資料不是響應的,改變的provide的資料,不會響應到inject注入的值;避免inject修改
  • inject可以是陣列或者物件
  • 通常用在資料不怎麼變化的地方
  • 詳情見官方文