前言 在 Day 9 和 10 的文章中，我們提到 Vue 3 響應式基礎 - reactive & ref，主要用來攔截資料的讀取跟寫入，讓 Vue 去更新或執行依賴。 而 computed...
今天就是倒數第二天了，恭喜我明天就要完賽了！所以今天不講 Vue，想跟大家聊聊最近遇到的有趣事情 前陣子有空的時候跟朋友玩 Minecraft，開了一個全新伺服器結果！！！一打開就在綠林府邸的隔壁，也...
篩選資料類別 我們可以透過map方法來篩選出資料的類別。 這裡附上 filter 和 map的差別 : ES6 map和filter的區别 <li class="list-group-...
今天來幫專案的Options API搬家到Vue3 Composition API 也來看看兩者的差異！ 來幫Options API搬家囉! Data Options API data() {...
當我們使用 Vue Cli 去建立專案後，src 目錄下會自動新增一個 App.vue 檔案 而此 app.vue 檔案由三部分組成： <template>: 元件的 HTML 模板...
input[type=radio] radio都是用在只能單選一項的時候，監聽 change 事件。 原生 因為 radio 只能單選一項，全部的 radio 都要綁定相同的 name，才能只選到一個...
利用 Computed + filter 簡單搜尋 透過 Computed + filter 雖然可以快速達成搜尋功能，但這個方式卻不能同時篩選兩個以上的關鍵字。 舉例來說，如果我今天使用 「電影」...
前言 會想寫這個題目有兩個原因： 想認識 composable 函式，體驗 Composition API 的強大之處，為什麼可以讓跨元件複用程式碼變得更方便。 研究「如何在元件裡處理非同步狀態」時...
這趟全端體驗幾乎有一大半時間都在處理後端的東西，前端似乎只有顯示的功能，有點對不起vue，今天來提升一下vue的存在感一下。 先前我們在做測驗列表時，都是一頁全部顯示出來的方式，這在後面40題以上時會...
在介紹 slot 之前，我們需要先了解元件的編譯作用域： 元件的編譯作用域 多數程式語言都會有變數作用範圍的概念，而我們就可以將編譯作用域想像成「元件的 scope」。例如當外層元件與內層元件的 da...