本文同步發表於斜槓女紙部落格：Day24 萬丈高樓平地起(7)：Vue CLI專案檔案結構簡介 延續昨天的進度，安裝好Vue CLI-3專案以後，應該可以看到下面的資料夾。 有部分資料夾或檔案...
本文同步發表於斜槓女紙部落格：Day23 萬丈高樓平地起(6)：What is Vue CLI？ 嗨~又是我!挑戰到這兒也快到尾聲，不過到現在還沒作出個可以見人的專案，有股不只要寫超過30天的感...
本文同步發表於斜槓女紙部落格：Day21 寫於開始實作前(2)：Vue.js的Methods以及監聽事件 (v-on) 實作到目前為止，大部分還在處理靜態網頁的畫面。但是呢～別忘了我們的設計稿是...
本文同步發表於斜槓女紙部落格：Day20 寫於開始實作前(1)：不用抱大腿也能直接使用Vue製作過場效果及動畫 切版的孩子們一定多多少少都會需要用到網頁動畫效果的時候，以我自己來說，最常使用的就...
超緊繃!30天Vue.js學習日記 CSS過渡 大家好,今天要介紹的是CSS過渡!過渡系統是Vue為DOM動畫效果所提供的特性,當我們對元素從DOM中插入或移動時觸發我們先寫好的過渡和動畫。 首先,...
updateChildren function 主要用 while 迴圈來比對新舊2棵樹的子節點，来更新真正的 DOM，對每個子節點有幾種情況 更新節點 刪除節點 新增節點 移動節點 functi...
動態元件（Dynamic-Components）是指可根據傳入參數的不同，而去切換不同的元件。 Vue.js 提供一個特殊的元素叫做 <component>，它有一個 is 屬性，我們可以...
學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 Vue 專案更上一層樓！ D3.js...
超緊繃!30天Vue.js學習日記 過濾器在手,資料改起來! 大家好,今天要來跟大家介紹過濾器,假設今天我們從後端取得了一些資料(像是數字….之類的),我們想要讓這些資料做點改變,比如說:將小數去到...
本文同步發表於Andy's Blog 前言 昨天介紹完Computed屬性後，我們今天要來介紹Watch。 Watch 用途：主要是用來監聽實體內特定的變數產生變化時，就會執行某個動作。白話文：突...