目標Template放上區塊後將處理好後的資料套用上去並調整區塊背景、文字顏色等樣式的細節 步驟1敵人資訊會以每一個關卡(Stage)呈現每一個關卡的資訊可以摺疊或展開顯示所以這邊我們借用Bootst...
補充上一篇 App.vue 是可以有多個 instance 的首先到 index.html 放兩個 app <html lang="en"> <head>...
前言 在 Vue 專案開發中，可能有遇過這些痛點——網站需要做 SEO，但傳統 SPA 無法有效動態渲染 meta 標籤；或是與後端 API 整合時，缺乏一致性的資料流處理，導致 auth 驗證、中介...
在第8天，我將示範 Vue 3、SvelteKit 與 Angular 如何執行動態的 CSS 類別與樣式綁定。展示中包含 CSS 類別綁定與樣式綁定的範例。當一個項目已購買時，會套用刪除線（stri...
今天的學習會碰一點點的程式首先，先來認識 Vue 的專案結構 vite-project/ ├─ .vscode/ # 存放 VSCode 編輯器的設定檔 (非必要) ├─ nod...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 前言 大家好！在前三天，我們學會了資料綁定、事件處理，甚至還能用 v-if 和 v-for 來動態控制畫面結構。現...
前言 在上一篇文章中，我們已經建立好 Vue 專案，並初步認識什麼是 LIFF。這一篇將進一步實作串接LINE 的登入功能，以 Vue 為主角，採用組合式 API（Composition API）的開...
目標現在點擊關卡(例如4-1、5-1)時A組件會顯示敵人資訊運用前兩天學習的Emits(子傳父)、Props(父傳子)將C組件選取的資料傳到A組件這篇會建立Supabase的函式並利用條件取得敵人資訊...
快速回顧 在前面幾個章節中，我們完成了對 React 環境的整合應用，接者我們來嘗試導入 Vue 環境使用。 本篇目標 把我們的 signal / computed 安全地接到 Vue 3 Compo...
前言 上一篇我們已經申請好 LINE 官方帳號，本篇文章將介紹 LINE 提供的前端框架 LIFF（LINE Front-end Framework），並透過 Vite 快速建立一個 Vue 3 專案...