DAY 25 - Vue SPA 單頁式/ MPA 多頁式 / Nuxt SSR / CSR 今日前言 接下來會提到 Nuxt 渲染方式，那就不得不提到本身渲染方式原理，所以就有了這篇的誕生，讓我...
指令介紹 開始進入指令的章節，先前有提到，在 Vue 中，只要看到 v- 開頭的東西，就是指令。 指令的用途很多，例如：資料綁定、事件綁定、條件判斷、迴圈等等。 而只要是指令，都會是寫在 HTML 標...
今天來教大家簡單製作登入系統的前端。可能有的人會有疑問，不就是登入界面和注冊界面嗎？這還需要別人來教？當然，如果只是簡單的登入登出，注冊賬號的系統可以很簡單就只做出來，但是我們可能會遇到用戶忘記密碼的...
前言 使用了Vue的組件概念後了解到組件層級關係, 組件的數據傳遞並非毫無規則本章節會用先前所暸解的配置中達到組件的數據傳遞 父層傳遞子層： 從父層傳遞子曾組件這件事並不困難最簡單的方式即是使用 pr...
今天要來介紹 Vuetify 這個 Vue 的框架，與 element-plus 相似，他一樣提供許多的元件可以讓使用者快速的構建自己的網頁，然而與 element-plus 比較不同的有這些內容 優...
來咯來咯今天第22天，明天上班之後就要放假了，各位中秋連假已經準備好去哪裏玩了嗎。可是我們的每日學習也不要落下，我們今天就來講解Slot這個東西。 Vue 3 的插槽（Slot）是一種強大的機制，用於...
對於前端新手來說，編寫 JavaScript 可能較具挑戰性。譬如如何使用 v-for 進行資料渲染等 JavaScript 方法，建議先專注於建立想要的 html 架構，從靜態畫面開發去著手，先專注...
GraphQL 的一大優勢即是其強型別特性。而 TypeScript 同樣強調型別安全，使得代碼更加健壯且易於維護。當這兩者相結合，我們可以擁有更強大、更靈活、且具有型別安全的程式碼。 今天，我們會...
V14_快速檢視Vue的功能(4)_Vue元件之間的props、emits與slots 接著從 Try the Tutorial 網頁來開始學習網址為 https://vuejs.org/tutori...
同「Day5-試試Vue3-建立會員API」篇採用 json-server 方式建立 API。 (1)新增 restaurant.json 檔案建立資料專案根目錄/ db 資料夾底下新增 restau...