這系列的文章將紀錄我30天學習網頁前端框架Vue.js的過程,從基礎語法與核心概念(如:資料綁定、事件處理等),逐步延伸到更進階的主題(如:元件生命週期、Vue Router等),除了學習語法概念外,也會搭配範例程式碼和實作應用來增進對知識的理解。
今天的內容要介紹 Vue 如何在元件狀態發生變化時,執行CSS過渡漸變的動畫效果,來增添使用者介面的互動性。 Transition 元件是什麼? <tra...
先前在 Day9 Vue指令- 條件渲染 內容中,有提到 v-if 可以依照條件判斷來決定內容是否呈現在畫面上,而今天的內容將介紹另外一種方法來實現動態控制元件...
先前在 Day19 Vue 插槽 Slots (上) 的內容中,有提到 slot 可以將父元件的模板片段內容渲染在子元件中的指定位置,但是其燈箱(lightbo...
由於 Vue 是單頁應用程式(SPA),當頁面發生跳轉時,仍然是使用相同的HTML檔案(index.html),不同於傳統多頁應用(MPA),每個網址對應一個實...