文章

vue3 + bootstrap5 創建專案

bootstrap5雖然不像antdelement那種專門為vue創建的ui框架幫你弄好許多component,但是他也終於可以用npm安裝囉!!(賀)

閱讀更多

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

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

閱讀更多

vue3 使用 fontawsome 免費 icon font

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

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

閱讀更多

如何在 Vue3 中使用 pwa (Chrome)

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

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

閱讀更多

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

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

閱讀更多

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

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

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

閱讀更多

Vue3 + i18n 初始設定

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

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

閱讀更多

vue3 + ElementUI plus 按需載入

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

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

閱讀更多

vue3 使用 router

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

也可以直接參考官網

閱讀更多

Vue3 自己動手寫 websocket 底層

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

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

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

閱讀更多