vue3 + ElementUI plus 按需載入

,

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

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

閱讀更多
1+
/0 評論/通過：

vue3 + elementui-plus 表單驗證使用 ref

,

升級到 vue3 後，elementui 也有推出 vue3 版本叫做 elementui-plus，可以點這裡去官網了解一下，名字聽起來就很屌啊！

官網的範例有很詳細的解說使用方法，可是他竟然沒有舉例 Vue Composition API 方式的寫法，啊我不用 Composition API 我升級到 vue3 幹嘛？

下面就來寫一下上網查到的資料，看看到底要怎樣使用 v-model + ref + setup()～

閱讀更多
0
/0 評論/通過：

vue3 使用 router

,

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

也可以直接參考官網

閱讀更多
1+
/0 評論/通過：

Vue3 自己動手寫 websocket 底層

,

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

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

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

閱讀更多
8+
/0 評論/通過：

vue3 transition 動畫 css class name 改了！

,

把舊的 vue2 的 animation 的 class 名稱直接沿用到 vue3 專案，發現動畫怎跑不起來，原來是原本的 xxx-enter 改成 xxx-enter-from 了。

閱讀更多
2+
/0 評論/通過：

使用docker把網站部署到gcp

,

如果你的電腦有安裝docker，要把網站送上gcp就是一件超簡單的事～

進行下面步驟之前，請先：

  1. 使用一個 gmail 登入 gcp
  2. 創建一個 gcp 專案
  3. 在自己電腦安裝 docker
閱讀更多
0
/0 評論/通過：

在vue專案中不發佈上npm，直接引入另一個本地專案的檔案

, , ,

看標題好像很難懂我到底想幹嘛，搞這麼麻煩幹什麼ＸＤ

因為公司的業務是有一套遊戲是用vue做的，然後幫客戶架設這個遊戲在他們的主機，換上 logo 和網址，就可以營業了。有點類似經銷我們的遊戲給客戶營業。

因為遊戲內容都一樣，我不可能遊戲更新後，我再去所有客戶那邊把程式碼再全部貼上一次。

可是我又不想把主程式用npm publish推上去給人家下載，我只是公司自己要用而已。

期望是有一個主遊戲程式，定期維護更新，然後有新客戶就新增一個空白專案，裡面放logo圖檔和網址的環境變數，再下載主遊戲程式的最新版本；這樣遊戲有調整，其他客戶只要更新到最新版本就可以了。

閱讀更多
2+
/0 評論/通過：

建立一個vue3的新專案與設定

,

vue3 也出一陣子了，前陣子一直躍躍欲試，可是又怕新東西不熟，有時間限制的案子我還是不太敢直接使用 vue3，所以這邊閒閒做了一個單頁的 csv 轉換器，大家可以點這裡看看，右上角的 github 也有原始碼。

閱讀更多
1+
/0 評論/通過：

Docker 出現 no space left on device

,

下午在build image的時候，我明明就是跟往常一樣複製語法、貼上。怎麼偏偏這次就報錯了，上網查了一下，原來從自從安裝 docker 到現在，我都沒有清除過快取，然後之前build過的 image 也都懶得刪除～ 所以在某個平凡的下午，docker 就任性地爆了，就像肚子餓的我一樣。

閱讀更多
0
/0 評論/通過：