文章

vue3 + bootstrap5 創建專案

/0 評論/在： , /通過：

bootstrap5雖然不像antd或element那種專門為vue創建的ui框架幫你弄好許多component，但是他也終於可以用npm安裝囉！！（賀）

閱讀更多

換到 vue3 composition api 後對我有什麼好處？

/0 評論/在： , /通過：

一開始我以為的vue3僅僅是改變寫法，去掉data、methods、computed的位置規範，可以自由地穿插變數、函式的位置。

閱讀更多

vue3 使用 fontawsome 免費 icon font

/0 評論/在： , /通過：

如果自己沒有使用ui框架的話，icon font就要自己處理，我最常用的就是 fontawsome，原因就是看起來比較可愛ＸＤ

其實用哪個都可以，但就是要認真看安裝文件就是了。

閱讀更多

如何在 Vue3 中使用 pwa （Chrome）

/0 評論/在： , , /通過：

其實 PWA 在哪個框架中使用，都沒有太大的差異，但是往往這一行 code 到底要放哪裡，我就是不知道啊ＸＤＤ

最近的專案剛好都是用 vue3 來實作，自然要把 pwa 放進去 vue3 中也勢必要來解一篇紀錄一下，不然下次就又忘記了。

閱讀更多

Vue3 使用 getCurrentInstance 在 production 環境中不能使用 ctx ?

/0 評論/在： , /通過：

因為目前只比較常用 Elementui-plus ，要使用他的 message api ，vue2 我們可以直接用 this.$message去拿他全局註冊的方法，但vue3 沒有this啊！所以就要用 getCurrentInstance 這個 funciton 拿到全局註冊的方法。

閱讀更多

Vue3 的資料狀態管理，provide / inject、vuex、props

/0 評論/在： , /通過：

進入 vue3 後，多了一種跟 react 很像的資料管理方式 provide / inject，和 vuex 相同的是他可以跨組件讀寫資料，但是和 vuex 不同的是跨組件的範圍僅限於 provide 註冊那一層的子組件。

也就是說 provide 類似於 props 把資料傳入子組件，props 只能傳一層，但 provide 可以下去好幾層都可以存取，官方概念圖如下：

閱讀更多

Vue3 + i18n 初始設定

/0 評論/在： , /通過：

我在 vue2 已經有用過 i18n 了，怎麼搬到 vue3 就出現各種錯誤呢？

Vue3 因為 Composition API 的緣故，在引入套件上面有改一些寫法，直接從 vue2 直接搬過來是會有問題的，那就從頭開始安裝起吧！

閱讀更多

vue3 + ElementUI plus 按需載入

/0 評論/在： , /通過：

目前為止常用的框架有出到vue3的好像只有Elementui-plus，竟然這麼快就出ㄌ～太驚艷了，所以新案子就直接用起來！

對程式碼有潔癖的人，一樣可以選擇按需載入。

閱讀更多

vue3 使用 router

/0 評論/在： , /通過：

在 vue3 中使用 router 的方式跟 vue2 有點不同，主要是 Composition API 的緣故，來看看怎麼改成 vue3 吧！

也可以直接參考官網

閱讀更多

Vue3 自己動手寫 websocket 底層

/0 評論/在： , /通過：

才剛學完 vue2 的 websocket 底層，馬上又要來寫 vue3 版本了。

沒辦法，想幫客戶用比較新的技術，以免他大佬幾年都懶得翻新網站，到時候維護時苦的還是我～QQ

原本 vue2 的概念是建立一個 vue 實例，然後可以在獨立出來的api.js檔案中去存取 vuex；但現在 vue3 有了useStore這個方法，我們就可以單純寫 js 就好囉！

閱讀更多