Vue語法統整來到了最後一篇章，今天要來探索更複雜的資料處理是要如何做到？除了介紹到computed計算屬性，也要來了解watch的使用時機！那麼，就讓我們直接看下去吧！ 本系列任務：改寫過程回顧常用...
嗨一大家，記得之前我們在屬性綁定章節，有講到 CSS 樣式可以使用 v-bind 屬性綁定樣式嗎～ 但官方文件後來卻提到了： 但是，在處理比較複雜的綁定時，通過拼接生成字符串是麻煩且易出錯的。因此，...
<input> 作為表單控制元素，是網頁開發中最常見的元素之一。<input> 的不同 type 設定會影響顯示的 UI，以及它所代表的含義與功能。 在這裡，我們將使用先前...
3D 翻轉卡片特效來襲，用 Vue.js 掌控全場，玩轉視覺與互動的完美結合！ 嘿～準備好見證魔法般的 3D 翻轉效果了嗎？今天，我們要用 Vue.js 玩出前所未見的翻轉卡片特效，讓你的網站從平...
昨天重新回顧了我們在練習作品中常用的Vue語法及語法組成架構，今天再來接續介紹：還有哪些在我們這次改版練習ToDoList中遇到的常用屬性？ 本系列任務：改寫過程回顧常用語法 基本上就是要來驗收前幾天...
目錄 ref 屬性搭配第三方 Boostrap Modal 使用 ref 屬性搭配 Video Web API 使用 v-for 搭配陣列儲存 ref 屬性使用 動態 ref 屬性綁定方法 組件實...
我們接續響應式基礎的系列～今天帶大家看 computed 這個語法。 使用情境 computed？「計算」的意思。 那又是在計算什麼東西，為什麼 Vue 會有特別一個這個語法呢？ 官方文件：模板中的...
在昨天寫完文章時，更加認識了Vue的slot插槽和當初不太理解的slot props用法，後來翻了一下Vue的設計模式(Vue Pattern)文章，有提到無渲染元件(renderless compo...
運用漸變、動畫與動態樣式，讓你的網頁元素閃耀出迷人的色彩魅力！ 哈囉！受夠了中規中矩的文字了嗎？是時候讓你的網頁閃耀起來啦！ 今天我們要用 Vue.js 來玩轉動態炫彩文字和按鈕元件，把那些呆板的設...
記得我們在 ref 的篇章有講過「解包」嗎？官方文件在帶過 reactive 後，又細講了它倆解包的細節⋯⋯小菜菜在學習這邊的時候遇到了幾個蠻有趣的狀況坑，來跟大家分享一下。 解包定義 解包，也就是...