v-bind v-bind 可以讓 template 內的標籤去綁定 script 內定義的變數，舉個例子 <template> <div> <el-radi...
定義路由 首先先來定義路由，先把上一篇寫的 home.vue 定義在根路由。 打開 src/router/index.ts，在 routes 內定義 { path: '/', name...
在寫頁面之前，先來介紹 Vue 頁面結構。 首先先在 src/components 底下建立一個 home.vue 跟寫一個 html 頁面很像，一樣是分成 寫網頁內容、script、style，三...
來到我們文章的第三天，看著小任務的題目們，今天看起來就是繼續回顧了 ( 喂！ ▸ 物件參考 這兩個小任務需要參考 JavaScript 的「淺拷貝」與「深拷貝」的觀念。這邊簡單說明一下： 淺拷貝是共...
這幾天都會針對 JavaScript 和 bootstrap 5 做一個大略的回顧，假如對這兩個語法已經十分認識的朋友們，其實就可以直接跳過前面這幾篇囉。 ▸ 變數命名 剛接觸程式的時候，也曾經為了命...
專案建好了，那先來講 Vue 的專案架構 詳細內容很多，所以我挑重點講 public index.html public/index.html 是 Vue 頁面的 entry point，進入一個...
去年剛參加完一次鐵人賽，發現每次寫完文章都會有大腦瞬間清晰的感受，雖然過了這麼久好像又慢慢的腦袋豆腐化，但有鑑於當時那個效果非常的好，於是今年的我又再次決定來個 30 天，讓大腦做個瑜珈，整理一下我的...
這並不是一個特定技術的教學文，我也是透過實作當中，不斷的找資料，達成想實作的需求喔。今天想先使用 Vite + Vue 3 + Vue Router 先將環境給安裝起來。請先安裝以下幾個工具。 先安裝...
前言 Vue 在過去的一兩年內快速發展，寫法也一直改變，我在過去一年多也更改了兩次寫法，這 30 天我將以最新的 composition api + typescript 寫法進行教學。 javasc...
因為剛接觸 Vue3 也對 Leaflet.js 有興趣，利用這 30 天學習如何將學過 Vue3 搭配 Leaflet.js 實作地圖，順便學習時也踩坑看看有哪些地方需要注意。 主題大綱 大概分成...