昨天有提到 Vue 的實體是由元件所組成,而且元件可以被重複使用,當父元件需要向子元件傳遞資料時,需要透過 props 屬性 來實現資料傳遞。 Props 是什麼? Props 是父元件向子元件傳遞資...
前言 為什麼我們會需要 Vue Router,或放大來說: 為甚麼我們需要路由管理呢? 現代大多的前端框架都是採 SPA 架構,這也代表了頁面切換是不再依靠瀏覽器重新載入的,而是由前端主動維護不同...
前言 為什麼我們會需要 Vue Router,或放大來說: 為甚麼我們需要路由管理呢? 現代大多的前端框架都是採 SPA 架構,這也代表了頁面切換是不再依靠瀏覽器重新載入的,而是由前端主動維護不同...
前兩篇我們介紹了什麼是 Vue.js,以及介紹了我們接下來要寫的語言 Typescript,那接下來要進到我們的「環境建置及設置」了。接下來我們這一篇,會著重在怎麼建立我們要開發的環境,以及檔案結構上...
動態路由 有時後我們會由不同 user 去渲染不同畫面,但不可能為每個 user 都做一個畫面,這時候就可以使用共同模板依不同參數去動態渲染 eg.index.js import { createRo...
聯繫我 如果有任何問題或建議,歡迎隨時聯繫我: GitHub Email 前言 嘿,我的朋友,恭喜你!當你看到這篇文章時,代表你已經完成了這趟為期 30 天的 Vue 攀登之旅。請務必給自...
前言 在設計元件時使用 slot,可以為元件設計帶來很高的彈性。 並減少過度拆元件造成的傳遞參數問題,也就是 props drilling ,常見使用方法有 <slot>、useSlots...
前言 在設計元件時使用 slot,可以為元件設計帶來很高的彈性。 並減少過度拆元件造成的傳遞參數問題,也就是 props drilling ,常見使用方法有 <slot>、useSlots...
為什麼要綁定樣式? 靜態 class:固定造型(例如 .planet)。就像在衣服上縫死的布標籤。例子:<div class="planet"> → 永遠有 plan...
今天開頭先提一下,如果是照Day4的方式建專案的各位,我們建的是一個基於Vite的Vue專案喔在專案中應該會看到vite.config.js和package.json,就是vite的設定檔 Vue官方...