前言 今天來講 v-bind ，一個用來在 HTML 屬性綁資料的指令。 我們已經知道雙大括號的語法可以把「變數」綁在模板內，不過這個語法並不適用於 HTML 的屬性，也就是 不能 這樣寫： <...
前言: 今天會探討兩個受歡迎的前端開發工具，Vue CLI和Vite，透過比較它們的功能、優勢以及適用情境，下次在使用時，就可以選擇到最適合你的工具啦!那我們開始吧！ 介紹Vue CLI和Vite的功...
前言： 上一章節提及到如何使用prop做組件之間的傳遞但缺點在於這個方式對組件來說過於的複雜複雜的組件結構, prop會需要多個函數調用才能達到傳遞的功能 本章節會使用Vue中的自定義事件達到組淺淺的...
今天完成的結果： Todo tab 頁面切換 更改 icon 取消 dark mode 模式 更換佈景主題 更改 icon 使用 ionicons ionicons，是由 ionic 團隊製作，...
前面幾篇認識了html跟css基本的語法，接下來要從0開始學習Vue.js。 先來介紹Vue.js 是一個用於建立交互式網頁介面的JavaScript框架。簡單來說Vue.js 提供了一套工具和結構，...
隨著現代前端專案的複雜性日益增加，如何優雅地管理路由與資料查詢成為了開發者的重要課題。Vue Router 提供了優雅而強大的解決方案，讓我們可以更靈活地控制網站的導覽和資料呈現。 在本篇文章中，我...
雖然之前就有寫過一篇Vue.js常見指令，但我發現教材裡面還有一些之前沒有看到的指令或者之前雖然有使用過這個指令但這個用法沒有看過，所以決定在這裡再加入一篇介紹Vue.js指令的章節。 v-model...
Quick Start 基本概念，Vue-chart.js 是一個根據 chart.js 的延伸套件，因此當我們要在 Vue 使用 Vue-chart.js 的時候需要將兩個套件一起放進來 npm i...
此篇接續介紹口袋餐廳頁面的靜態 html 架構。 (1) html 程式碼畫面示意圖請參考前一篇。介面開發的技巧如下： 導覽（nav）架構請參考「Day8-試試Vue3-會員登入後轉跳主頁」模板，就...
前言 前一篇文章介紹了模板語法，今天我們將介紹Vue3的響應式基礎。在Vue3中，我們可以通過ref和reactive兩種響應式API創建響應式數據。ref和reactive都是非常重要的響應式編程...