怎麼是梗圖開場 XD （來源：網路） 前幾天我們介紹了 Vue 中響應式的基礎 ref 以及 Proxy 的機制，今天直接來看另一種用法 reactive...
昨天認識了Vue元件彼此溝通傳遞時，一定會用到的props參數，主要功能是將父組件的資料由上至下傳入子組件渲染。 不過，開發實務上比較頭疼的是，有可能在專案規模...
讓導航欄脫穎而出！用 Vue.js 和 GSAP 強調呼吸感的品牌互動 哈囉各位！今天我們要來搞點大動作，帶大家一起用 Vue.js 和 GSAP 打造一個超...
一開始只看到中譯想說到底為什麼要叫「生命週期鉤子」，看到Hooks…好吧。在之前的ToDoList練習還尚未學習Vue生命週期的概念，所有狀態和動作在頁面都亂亂...
今天要開始進入認識Vue元件的部分，元件間的溝通是應用中非常重要的一部分，開始允許各個元件之間資料進行互動，今天來看看基礎的元件資料傳遞有那一些細節和當初沒想過...
前兩天認識到 ref 綁定「物件」、Vue 會將其包裝成一個 Proxy 物件的時候，點了官方文件放的 MDN，發現完全看不懂，想說沒關係～好像可以先無視它～結...
探索 Vue.js 循環動效，為您的網頁注入獨特的貓咪魅力，感受每一刻的‘MADE WITH LOVE’。 哈囉各位，今天我們要一起來揭開文字循環特效的神秘面...
在上篇我們提到：當用 ref 綁定響應式的數據，會產生一個 RefImpl 的物件，而它提供了 value 屬性讓我們存取其中的值。 不過使用的兩個範例都是綁定...
引用Vue Components的原則，是透過父元件上import的方式，父元件中也可能存在許多子元件…這樣一個串一個的關係就成了樹狀結構的「元件樹」。今天我們...
上次有提到watch或watchEffect可以讓我們監聽饗應式數據，並且執行某些副作用(side effect)，自己實務上常利用是監聽某項數值，例如監測使用...
探索泡泡背景的設計秘訣，讓訪客愛上您的網站 嗨！是不是常常看著很多網站，總覺得它們少了點什麼？別再只滿足於單調的網頁背景了，我們需要一點「哇～好好玩！」的感...
還講到 debug 快笑死 XD 讓我們切入今天的正題 ref 不然要寫不完了 定義 ref 是 Vue 3 中的一個組合式 API，負責綁定和管理「響應...
昨天提到了ES6的模組化概念、也稍微提到了Module與Components間的相似卻有著些許差異之處，趁著記憶猶新，再繼續看Vue Components！ C...
在 Vue 的資料更新上次有稍微提過，DOM 更新是非同步且以批次處理的方式進行的。 這個機制的目的是為了提高效能，當你修改資料時，Vue 不會立刻更新 DOM...
昨天我們介紹了 JS 表達式如何在 Vue 綁定，今天一起來看一下「指令」怎麼實現這樣的功能吧！粗淺的帶大家一起走過幾個語法的小小應用～ 定義 指令？ 官方文件...
昨天已經有接觸到Vue的響應式資料或監聽器批次更新(batch update)過程，用到了事件循環(Event Loop)和非同步特性，是一個對於前端工程師來說...
使用 Vue <TransitionGroup> 打造出色的卡片動態效果 是否覺得網站上的卡片或列表元素看起來呆板？新增或移除元素時，總是顯得「生...
昨天我們講到了屬性綁定，而 Vue 也可以用「JS 表達式」來綁定數據，偶們看看故事會如何發展下去⋯⋯ 定義 官方文件：在 Vue 模板內，JavaScrip...
學完了SCSS基本語法，馬上就是現學現賣的時間！一樣叫出我們To Do List的css表重新改寫（現在回頭來看…真是慘不忍睹） 在Vue專案加入SCSS 上網...
昨天我們接觸到watch、watchEffect，今天繼續來挖掘對Vue還不熟之前我的一些疑問，深入探討研究Vue監聽器，即便實務上已經使用的很熟悉，跟chat...
昨天提到了 Vue 中的模板語法 Mustache 和 v-html，今天來看看「屬性綁定」。 定義 屬性綁定可以響應式的綁定「HTML」的 id、src、cl...
動畫管理員使用指南 簡介 在現代網頁開發中，動態效果為用戶界面增添了生動的互動性。本篇文章將介紹一個功能簡單的動畫管理員，它能夠簡化 Canvas 動畫的管理和...
讓網頁進場更優雅！深入 Vue.js Transition Hooks，搞定背景閃白問題！ 大家好！今天要聊的是 Vue.js 的 Transition Ho...
昨天認識了Vue computed 計算屬性，可以幫助我們對於響應式數據做一些衍伸計算，同時有緩存功能，不過最大主要限制是不能處理一些程式副作用。 今天來談談V...
今天我們正式來學習 Vue 基本的模板語法啦！ 文本插值 使用的是 Mustache 語法，即雙大括號 {{ }}。 我們來看看實際例子～ 範例 在 Must...
Vue 過渡類別的關鍵控制：讓動態設計成為過程的藝術 在現代動態設計中，過程的流暢性往往比最終的結果更能吸引使用者的目光。 Vue 的過渡類別不僅能幫助我們設...
延續昨天，我們已經完成了To Do List的新增與刪除功能。實戰演練中少不了的就是CRUD，今天我們要來完成剩下「修改」與「頁籤搜尋」功能！ 修改功能 滑鼠...
今天要來針對Vue computed 這個API做個簡單紀錄，實務上用法很簡單，官方文件也是簡潔說明，但還是會看到滿多違反原則(anti-pattern)的用法...
前言 此篇接續上篇：A6 React 和 Vue 實作表格元件：排序、搜尋與分頁功能詳解 靜態資料 columns const columns = [...
終於進入到實戰演練的環節，拿出我們前天建立好的專案，準備來練習To Do List！◎題外話：今天原本感覺時間很充裕，還在慢慢刻樣式…結果也花太多時間在喬css...
++
Rafael
Sunny.Cat
ivytien
jerrythepotato
iThome鐵人賽
看影片追技術