Lastor
@Lastor
Tue, Aug 22, 2023 10:00 AM
[工作雜] 剛跟同事閒聊最近需要研究的一個技術，瞬間我笑了www
Lastor
@Lastor
Tue, Aug 22, 2023 10:00 AM
大致需求是，跨專案共用頁面，但想找 iframe 以外的選項
Lastor
@Lastor
Tue, Aug 22, 2023 10:01 AM
但因為我這幾天在忙其他案子，就先交給另一位手頭上沒案子的同事
Lastor
@Lastor
Tue, Aug 22, 2023 10:01 AM
可是這類的需求，他完全沒接觸過，所以一開始也完全沒頭緒，我也給他了一些方向
Lastor
@Lastor
Tue, Aug 22, 2023 10:02 AM
就這樣大概研究了兩天，還沒有成果
Lastor
@Lastor
Tue, Aug 22, 2023 10:02 AM
然後我今天下午手上的事完成，就 try 一下以前研究過的 Vue 打包 Web Components 的方案
Lastor
@Lastor
Tue, Aug 22, 2023 10:02 AM
簡單測試一下，我覺得好像可以
Lastor
@Lastor
Tue, Aug 22, 2023 10:03 AM
另一位同事 C 就突然蹦出一句說，「人家同事 A 研究了兩天沒頭緒，你半個小時就研究完了」
Lastor
@Lastor
Tue, Aug 22, 2023 10:04 AM
害我瞬間笑了，可是這樣講有點欺負人家同事 A 啊
Lastor
@Lastor
Tue, Aug 22, 2023 10:04 AM
單純是因為 Web Components 這個我以前有研究過，直接拉以前做的實驗專案下來測
Lastor
@Lastor
Tue, Aug 22, 2023 10:05 AM
當時研究這個我也是研究了好幾天
Lastor
@Lastor
Tue, Aug 22, 2023 10:13 AM
=========
測了一下，用 Vue3 製作並打包的 Web Components，在 Vue2 專案一樣可用
Lastor
@Lastor
Tue, Aug 22, 2023 10:14 AM
props 傳參的操作方式跟寫 Vue 組件一樣，不需要變
Lastor
@Lastor
Tue, Aug 22, 2023 10:14 AM
可不可以 emit 我就還沒測了
Lastor
@Lastor
Tue, Aug 22, 2023 10:15 AM
只是這缺點是，這個打包出來的組件他還是依賴 Vue3 的核心，可以選擇內包，或是依賴外部要有 vue3
Lastor
@Lastor
Tue, Aug 22, 2023 10:15 AM
所以就是會比較肥
Lastor
@Lastor
Tue, Aug 22, 2023 10:16 AM
Vue3 我記得之前說有個實驗性打包方案，叫啥 Vapor 來著的，概念是比照 Solid.js 的策略來打包
Lastor
@Lastor
Tue, Aug 22, 2023 10:16 AM
可以產出一個完全不依賴 Vue 核心就能運作的組件
Lastor
@Lastor
Tue, Aug 22, 2023 10:17 AM
這功能不知道做出來了沒，google 半天沒查到，如果這功能已經完成，那真的會非常方便
載入新的回覆