一、使用時機：slots通常使用在以下情境： 子元件寫好固定不變的html架構，父元件決定要動態改變的html。 子元件封裝共通程式碼邏輯(composabl...
若nav選單是由後端api提供，且是多層級的選單（以2層級為例）：可以將路由表分成4層第1層：Login，登入前頁面Dashboard，登入後頁面，nav的選單...
一、匹配当前路由 使用<RouterLink>，且路徑相符時，渲染出來的<a>會自帶有2種className：router-link-a...
PS: 僅記錄自己不熟的概念。 一、嵌套路由：根目錄path要加 / ，子路由path則不用 const routes = [ { path: '/...
https://router.vuejs.org/zh/guide/advanced/navigation-guards.html#%E5%AE%8C%E6%9...
一、全局前置beforeEach router.beforeEach，如果在函式裡面觸發再次導向，return { name: 'Login' }，那麼會再次...
test 為動態路由參數名稱。組件中可透過以下方式取得該參數值： const route = useRoute(); route.params.test...
承接海外專案的獨立工作室，目前招募一位 前端工程師（Vue.js） 加入。 主要負責： 維護現有承接的業主專案 參與開發與拓展自主設計的遊戲平台 團隊成員來...
系列文章: 前端工程師的 Modern Web 實踐之道 - Day 5預計閱讀時間: 16 分鐘難度等級: ⭐⭐⭐☆☆ 🎯 今日目標 在前一篇文章中，我們...
前言 由於 Vue 是一個資料驅動畫面更新的框架，響應式系統是最基礎也是最重要的一環。 因此前面講解了幾個核心 API，而這個篇章中就要歸納前面幾篇重點並講解響...
前言 在上一篇 在 Vue 過氣前要學的第四件事 - 2025 了還要用 .value ?我們講了 ref 跟 reactive 之間的差異，這篇就接著說入門會...
前言 在 Vue 的使用中你可能會看到 ref 跟 reactive，這是 Composition API 的核心，讓資料具備響應式。 但平平都是用來做變數的引...
前言 在前面的篇章中我們快速的帶過 Vite 和 SFC 檔案，今天我們會介紹 Snippet 快速創建 SFC 模板和 Vite 底層如何打包以及 Rolld...
前言 在研究 Vue 的時候第一個吸引我的，絕對是版本名稱。 1.0: "Evangelion" (新世紀福音戰士) 2.0 "...
前言 今天是 9 月 1 號, 在這個特別的日子裡~為什麼特別呢, 因為今天是 友克鑫集合是我鐵人賽開賽的第一天啦! 話不多說直接開始身為一名前端工程師，對框架...
前情提要 在前一篇，我們介紹了 優先級與分層 Scheduler，解決了「重要任務先跑」的問題。然而，在實際應用中，我們還會遇到另一個挑戰：長任務會阻塞主執行緒...
前情提要 在前一篇原子交易（Atomic Transaction）中，我們已經看過交易如何確保狀態一致性。這一篇要更深入探討 Scheduler（調度器）的設計...
什麼是原子交易？ 在開始前，先把 「原子交易（Atomic Transaction）」 說清楚： 「它是一個把多筆狀態更新包起來的保護殼，保證這段操作要嘛全部...
前言 前面已經示範了如何將我們設計好的 signal 機制，容入兩個主流框架下(React、Vue)，這篇開始我們來回顧我們設計好的 signal 核心機制，探...
快速導覽 watch / watchEffect 與我們的 createEffect 怎麼分工 元件重掛（keys）下避免殘留訂閱/計算節點 非同步資料的兩...
快速回顧 在前面幾個章節中，我們完成了對 React 環境的整合應用，接者我們來嘗試導入 Vue 環境使用。 本篇目標 把我們的 signal / comput...
快速導覽 上一篇，我們介紹了: 為什麼會 撕裂（tearing），如何保證 tear-free 訂閱 keys 重掛 下如何避免殘留訂閱 / 計算節點 在 T...
👋 Hello 大家好，我是 Ryan 借用大家的 iT 邦幫忙版面及時間來稍微宣傳一下新書，本文文末有免費贈書！！！歡迎個人、讀書會、學校社團及社群來洽詢索...
前端 Reactivity 三路線，究竟差在哪？ 我們常在 Signal / Proxy / Virtual DOM 之間搖擺：哪個更快？哪個更好維護？ 如果把...
承先啟後的發展 2010 年的 Knockout.js 首度將 Observable / Computed 帶進前端，讓「資料自己開口，UI 跟着動」成為可行路...
在 Vue 中，Teleport是一個特殊的內建元件，從Vue 3開始引入。元件的邏輯關聯性。 這對於一些需要特定 DOM 結構的功能（如模態框、通知、工具提示...
參賽進入最尾聲了，剩下最後一個實戰任務！將會用我之前透過.net MVC開發的訂房網站為基礎進行；今天來完成房間資訊頁，並比較看看和原先jQuery差別在哪！...
蛤肉，搭家好，我乘風破浪的來了。 在寫這篇前，想說把自己 Day1~Day29 看過一遍，就可以準備好心情和能量，面對完賽了喔這個不真實的事實，屏氣凝神的來下筆...
參賽進入最尾聲了，剩下最後一個實戰任務！將會用我之前透過.net MVC開發的訂房網站為基礎進行；昨天我們已經連上了本機資料庫，並測試成功把資料丟到View，接...
對，是系列文！在 Vue 中，組件之間傳遞資料的機制有許多種，本系列主要介紹父、子組件之間的溝通，分別為：「父傳子：Props」&&「子傳父：E...
useKevin('front-end')
Yanya
LucianoLee
ivytien
++
iThome鐵人賽
看影片追技術