昨天已經完成了網站的骨架(Header、TaskList、Footer 三個區塊),今天目標是讓任務清單能「動起來」,想達到這樣的效果,需要包含以下三步:第一步...
今天和明天我們要使用前面學到的重點來寫一個「控制火箭是否發射」的迷你專案,複習前面的重點。今日Day 12:完成「父子溝通 + 清單渲染 + 互動」的核心(pr...
為什麼需要 Teleport?
在 Vue 中,元件會隨著父元件渲染在 DOM 裡,但像 Modal、Notification 等等這類 UI,通常需要顯示在最...
擷取找不到的路由
我們可以自訂一個畫面讓未知、找不到的路由都導向這邊eg.建立 views/NotFound.vue
<template>
&l...
實作一:隨滑鼠移動的小球
今天將會嘗試撰寫一段簡單的範例應用,在頁面上繪製一塊區域,在區域內繪製一個圓形球體,我們需要實現當滑鼠在區域內移動時,球體可以平滑地...
實作二:彈球遊戲
今天要做的這個實作,應該有些人都玩過類似的遊戲,規則非常簡單,球體會在畫面中飛來飛去,碰到左右及上方的牆體就反彈,而下方會有一塊擋板給你進行...