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 半天沒查到,如果這功能已經完成,那真的會非常方便
載入新的回覆
測了一下,用 Vue3 製作並打包的 Web Components,在 Vue2 專案一樣可用