前兩篇我們介紹了什麼是 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官方...
今天要學習 router 路由，簡單來說就是我們的網站中透過網址的不同結構，切換並顯示網站內不同的頁面內容當 user 透過瀏覽器訪問某個特定的網址時，網站會根據這個網址對應的路由設定，回應對應的頁面...
Vue 的元件 ( component ) 是建立可重複使用、模組化 UI 的基礎，今天就來一探究竟吧！ 元件是什麼？ Vue 的實體 ( instance ) 是由元件 ( component )...
前言 在 Vue 過氣前要學的第十六件事 - 愛是雙向的 中，我們提到了 vue 的雙向綁定，這僅止於父子關係的組件。 但如果今天這個元件跨了兩層，跨了三層嗎，你還這樣一層一層傳嗎 傳到最後都不知道哪...