前一篇中，筆者與各位初次接觸了Vue.js的SFC檔案格式以及它的宣告式渲染功能，今日將來一起學習Vue.js的各種綁定方式（Bindings）。那麼廢話不多說，就直接開始吧！ Vue.js 的特殊指...
我們學了如何打造「單一職責、可組合」的 composable，並且讓多個 composable 一起運作時，充分發揮 Vue 3.6 的效能優勢。 但如果我們拆出了許多小 composable、又同時...
開發的時候總會想怎麼才能改善效能？怎麼才能讓網頁跑得快？但是...真的是這樣嗎？ 好多時候，「跑得更快」不如「設計得更好」，畢竟程式碼在未來還是有機會擴充維護，如果本身設計不良，就算框架、網速再快，也...
今天目標是希望能把單頁 App 變成「小型多頁網站」：Home（任務清單）＋ About（使用說明）於是我做了以下幾步：1.安裝 vue-router@4，建立 src/router/index.js...
今天的內容要介紹 Vue 如何在元件狀態發生變化時，執行CSS過渡漸變的動畫效果，來增添使用者介面的互動性。 Transition 元件是什麼？ <transition> 是 Vue 提供...
在介紹完Vue基本架構及SFC組件等基本概念後，接下來要介紹Vue是如何載入流程，以能呈現出網頁 首先，於public/index.html中，會提供掛載點，供Vue應用程式掛載 <!--...
前言 假設今天當你打開 figma，準備開始刻前端，發現很多按鈕都是 #9f86ff 這個顏色， 他甚至已經是你的主色了，你卻只能一次一次的複製這個色號，哪天一不小心打成 #9f96ff，哪邊怪怪的卻...
今日筆者將參考 Vue.js 官方所提供的互動式教學，並以此為基礎再對部份內容做更深入的說明，那麼廢話不多說，我們直接開始吧！ .vue檔案格式：SFC 這種特別的檔案格式被稱為 Single-Fil...
今天將延續昨天的內容，繼續介紹插槽 Slots 將父元件的內容渲染在子元件中指定的位置 條件插槽 若要根據插槽是否存在來渲染內容，可以使用 $slots 屬性和 v-if 指令。 以下是官方文件的範...
上一篇我們聊到了 Components 的使用方式。那讀者可能會想：網路上有些文章教 Vue2，有些文章教 Vue3，那這兩個到底差在哪？今天我們就來聊聊 Vue2 和 Vue3 的差異。 Vue2...