說明口袋餐廳的表單提交前，先調整登入會員的 Pinia store 與會員登入頁面。將會員登入時的電子郵件與 id 也儲存於登入會員的 Pinia store 。 (1)調整登入會員的 Pinia s...
前置作業1：調用 Pinia store 資料<script></script> 將 LoginStore.js 檔裡的 useLoginStore 方法取出。透過 compu...
前言 雖說單一元件檔案的程式因為有 script setup 語法，能讓程式變得乾淨俐落。 不過並不是每個人都會使用 vite (或以前的 vue cli) 來使用 Vue。 用 CDN 引入 Vue...
V21_直覺式理解_Vue_Directives(1)_v-bind 在Vue的架構下，透過 Vue Directives來作為與Vue變數綁定的介面，從W3School_Vue列出的Vue Dire...
V20_Vue in W3School 之前的學習主要做用Vue的線上編輯器來做練習接下來的發文，要切換到以W3School做為編輯器的模式同時，學習的網站要從Vue的官網轉換到W3School的網站...
Vue Composition API 是 Vue.js 3 中的一個新特性，它提供了一種更靈活、更強大的方式來編寫組件邏輯。傳統的 Vue 組件邏輯主要是基於選項（Options API），而 Co...
引言 廢話不多就直接開始吧這次我們需要有一個功能可以搜尋關鍵字來查詢書名這樣有買過的書就不會再重複購買囉^____^ 切一個喜歡的Search Bar 利用前幾篇教過的方式來設計這樣的inp...
昨天實作了資料的新增 (Create) 和刪除 (Delete)，而更新 (Update) 在 CRUD 操作中往往是最複雜的，因為它需要考慮到已存在的資料狀態、可能只涉及資料的部分更新、涉及更多的...
前情提要 昨天在實作 API 集中管理的部分時，遇到以下錯誤: Uncaught TypeError: Cannot read properties of undefined (reading 'th...
認識元件 在 Vue 幫我們解決的事情這篇文章中，已經用一個簡單的方式介紹元件的概念。 當時只是提到模板結構跟資料抽離，並且讓結構重複使用，帶上不同的資料。 有沒有覺得這東西跟什麼很像？ 對... 就...