2023-06-12 · Vue

Vue 3 的 provide/inject 與逐層傳遞比較

什麼時候跳層傳遞沒問題、什麼時候它會藏起依賴,以及怎麼讓兩者都好讀。

前言

以主題與登入狀態為例,說明 provide/inject 何時能減少噪音,何時反而讓資料流更難追蹤。

現場筆記

在處理 Vue 問題的過程中,反覆看到的幾個模式:

  • 簡單的版本撐過了每次重構,聰明的版本沒有。
  • 邊做邊寫的文件,比事後補寫的耐用得多。
  • 同一個問題第二次出現時,它就已經是模式了——幫它命名吧。

可以直接抄的檢查清單

  • 問題可以用一行指令重現。
  • 修正附帶一個沒有它就會失敗的測試。
  • 作者本人以外的人也在自己的機器上跑過。

結語

寫下未來的自己真的會讀的短版本——這就是全部的訣竅。