今天將延續昨天的內容，繼續介紹父元件向子元件傳遞資料的方式 Props Props 資料類型的驗證 當從外部傳入的 props 不符合資料類型的要求， Vue 會在瀏覽器的控制台顯示錯誤訊息來提醒...
前一篇文章，我們已經把 Vue 給安裝起來了，接下來我們就要開始介紹 Vue 的檔案結構以及程式碼結構。那我們廢話就不多說了，開始吧！ 檔案結構介紹 我們在寫 Vue + Vite 的時候，首先要介紹...
前情提要 昨天我們帶入了最簡單的 Vue Router 安裝並使用。那今天我們將要進入稍稍進階的使用方法，運用得當可以讓你省去很多程式碼，同時還有保有原本的效果甚至更好。 以及會提到一些我遇過的坑，希...
前情提要 昨天我們帶入了最簡單的 Vue Router 安裝並使用。那今天我們將要進入稍稍進階的使用方法，運用得當可以讓你省去很多程式碼，同時還有保有原本的效果甚至更好。 以及會提到一些我遇過的坑，希...
擷取找不到的路由 我們可以自訂一個畫面讓未知、找不到的路由都導向這邊eg.建立 views/NotFound.vue <template> <section style=&quo...
昨天有提到 Vue 的實體是由元件所組成，而且元件可以被重複使用，當父元件需要向子元件傳遞資料時，需要透過 props 屬性 來實現資料傳遞。 Props 是什麼？ Props 是父元件向子元件傳遞資...
前言 為什麼我們會需要 Vue Router，或放大來說: 為甚麼我們需要路由管理呢? 現代大多的前端框架都是採 SPA 架構，這也代表了頁面切換是不再依靠瀏覽器重新載入的，而是由前端主動維護不同...
前言 為什麼我們會需要 Vue Router，或放大來說: 為甚麼我們需要路由管理呢? 現代大多的前端框架都是採 SPA 架構，這也代表了頁面切換是不再依靠瀏覽器重新載入的，而是由前端主動維護不同...
前兩篇我們介紹了什麼是 Vue.js，以及介紹了我們接下來要寫的語言 Typescript，那接下來要進到我們的「環境建置及設置」了。接下來我們這一篇，會著重在怎麼建立我們要開發的環境，以及檔案結構上...
動態路由 有時後我們會由不同 user 去渲染不同畫面，但不可能為每個 user 都做一個畫面，這時候就可以使用共同模板依不同參數去動態渲染 eg.index.js import { createRo...