文章

vue3 在父層取得子組件的 ref DOM屬性

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

我們在下面上要取得某 DOM 元素的時候，會先宣告一個 ref 常數，然後在元素的 html 上面加上 ref 屬性。

閱讀更多

Validate.js + vue3 表單驗證

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

如果我們使用ui框架，通常都會有封裝好的form可以幫你驗證。

但是如果你沒有使用ui框架，驗證的效果就要自己寫囉！

閱讀更多

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，原因就是看起來比較可愛ＸＤ

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

閱讀更多

element plus 新版本如何自訂主題

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

element plus這幾個月改動幅度滿大的，之前寫的文章舊版本有些方式已經不能使用了。

新版本這次我下載了：1.1.0-beta.24，自訂主題的方式這邊再重新整理一次。

閱讀更多

element-plus 使用 svg icon

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

幾個月前，element plus要使用icon的話，都是用font icon的方式，但是這幾個月有段過渡期，官網說明會漸漸將font icon轉移到svg icon，使用方式也會不同。

閱讀更多

vue3 使用 google map api

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

很許多api一樣，要使用的話要先創建帳號。

準備項目：

  1. 創建一個gcp帳號，並且建立一個專案project。
  2. 啟用google map api產生google map api key
  3. 創建一個vue3專案
閱讀更多