這裡要將會員登入頁面（LoginView.vue 檔）中 axios.get() 取得的會員 name 儲存到 Pinia 裡的 store 。再透過該 store 取出 name 給會員主頁（Mai...
DAY12: Nuxt.js 中的狀態管理（Vuex） 什麼是狀態管理？ 簡單來說，應用程序的狀態是指應用程序中的數據，例如用戶信息、設置、購物車內容等等。當應用程序變得複雜時，有效管理這些數據變得至...
定義 被用來給元素或是子組件註冊引用信息(id的替代者) 應用在 html標籤元素獲取的是真實 DOM元素, 應用在組變標籤則是獲取組件實例對象 → VueComponent 使用方式： 標籤內...
模板語法 先說一個觀念：模板，其實不完全等於 HTML，只是剛好 Vue 使用的模板語法，完全支援 HTML。所以我們使用 Vue 的時候如果提到的「模板」，可以直接把他當成 HTML。 不過這其實有...
在前面的 20 幾天為止，我們主要著重在 Vue 自己本身的用法當中，對於其他伴生的套件頂多只是提到而已，皆來來的時間主要會開始介紹一些在進行 Vue 開發的時候非常常遇到的套件以及基本使用方法，大致...
讓我們繼續昨天的練習，我們這邊可以先想一想，一般來説這樣類型的官網他們的首頁都是一些什麽内容。象是我們常用的輪播圖，Vuetify也内建給我們了： v-carousel v-carousel 是在 v...
開發者們很可能都有過這種經驗：經過數小時的奮鬥，終於完成了一段功能完整的程式碼。但當測試執行時，卻因為一個小小的拼寫錯誤 (typo) 而導致程式失敗。 這種微小卻又致命的錯誤往往會消耗不少的時間和...
今天我會先將我之前寫得Vue.js2程式碼改為Vue.js3，然後邊學習它們不同的地方。 第一個不一樣的肯定是引入的資源庫，要從Vue2改為Vue3。 <script src="h...
VueFire 和 Firebase 介紹 VueFire 是 Vue.js 官方提供的庫用於將 Firebase 整合到 Vue.js 應用程序中它提供了與 Vue.js 生態系統無縫集成的...
(1)新增會員主頁檔案會員頁面登入後的畫面稱為會員主頁（以下簡稱主頁）。路徑 src / views / front 底下新增 MainView.vue 檔案。 此篇先建立會員主頁 html 架構，利...