今天的學習會碰一點點的程式首先，先來認識 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 專案...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 前言 昨天我們聊了 Vue 3 的核心演進，知道了它背後那套讓我們開發更順暢的「組合式 API」與效能優化的黑魔法...
今天要來試著將開發環境準備好要下載的有 Node.js Vite Vite 是一個 Javascript 建構工具 可當 server 只載入需要的檔案 -> 啟動快 還有很多優點，...
之前在開發專案都是由純 HTML + CSS + JavasSript趁著這次參加鐵人賽，用「框架化」的方式來學習，挑戰看看 Vue.js！ 簡單介紹一下 Vue ，是一個漸進式、輕量級的 JavaS...
目標上一篇有提到B組件透過emit的方式傳給父組件這篇會解說 父組件再將資料傳給C組件的方式 步驟1.接下來，父組件要把東西傳給C組件在C組件中，我們需要定義props去接收父組件傳來的東西C組件的s...