我們接續響應式基礎的系列～今天帶大家看 computed 這個語法。 使用情境 computed？「計算」的意思。 那又是在計算什麼東西，為什麼 Vue 會有特別一個這個語法呢？ 官方文件：模板中的...
在昨天寫完文章時，更加認識了Vue的slot插槽和當初不太理解的slot props用法，後來翻了一下Vue的設計模式(Vue Pattern)文章，有提到無渲染元件(renderless compo...
運用漸變、動畫與動態樣式，讓你的網頁元素閃耀出迷人的色彩魅力！ 哈囉！受夠了中規中矩的文字了嗎？是時候讓你的網頁閃耀起來啦！ 今天我們要用 Vue.js 來玩轉動態炫彩文字和按鈕元件，把那些呆板的設...
記得我們在 ref 的篇章有講過「解包」嗎？官方文件在帶過 reactive 後，又細講了它倆解包的細節⋯⋯小菜菜在學習這邊的時候遇到了幾個蠻有趣的狀況坑，來跟大家分享一下。 解包定義 解包，也就是...
目錄 watch 基本使用方式 watch 深層監聽器 - deep option watch 立即執行的監聽器 - immediate option watch 觸發時間 - flush opt...
Tamplate語法 指令 Directives 指令是帶有 v- 前綴的特殊屬性。Vue 提供了許多內置指令，包括上面我們所介紹的 v-bind 和 v-html。 指令屬性的期望值為一個 Java...
今天介紹Tamplate其他的語法 除了介紹過的文本插植(Mustache雙大括號)、v-on、v-bind以外還有其他的語法 原始 HTML 雙大括號會將數據解釋為純文本，而不是 HTML。若想插入...
還記得我們開賽第五天就在寫ToDoList了，結果現在連基本的指令都還沒完整講解（天啊），簡直像剛拿到新的空氣清淨機連內封膜都還沒撕就開始使用了！畢竟實戰演練總是比文謅謅的內容來的吸引我…不過今天要做...
前兩篇對我們大概知道元件可以接受 props，而 props 通常是 JavaScript 資料型別(物件或一般型別)。 但在某些情況下，我們可能會希望將一段模板片段(template)傳遞給子元件，...
讓畫面隨時光流動，用動效打造日與夜的邂逅！ 哈囉大家！今天我們要來點浪漫的～🌙☀️當我們說到網頁動效，你是不是也曾幻想過，能不能讓畫面隨著時間的流動變換出日夜交替的詩意感覺呢？ 今天就要帶大家走進...