vue中provide-inject跨多組件通信

provide/inject

這對選項須要一塊兒使用,以容許一個祖先組件向其全部子孫後代注入一個依賴,不論組件層次有多深,並在起上下游關係成立的時間裏始終生效。若是你熟悉 React,這與 React 的上下文特性很類似。vue

provide

  • 在生命週期中順序
    1. beforeCreate
    2. data
    3. provide
    4. created
    5. mounted
  • provide能夠是一個對象或者是一個返回對象的函數,使用對象模式的時候注意this的指向問題
  • provideinject數據不是響應的,改變的provide的數據,不會響應到inject注入的值;避免inject修改
  • inject能夠是數組或者對象
  • 一般用在數據不怎麼變化的地方
  • 詳情見官方文檔
相關文章
相關標籤/搜索