前言 昨天建置好環境後，今天終於能進入如何實際運用Vue這個框架的環節。 創建應用實例 第一步，創建Vue應用： import { createApp } from 'vue' const app...
前言 今天聊聊 Vue 實體中的 methods， 中文叫做「方法」。 如同我們在說「物件的方法」一樣，Vue 世界如果說到「方法」，其實就是在講函式(function)，而且 methods 的用途...
這兩個屬性的介紹比較簡短, 所以搭配一起講, 但兩者並無關聯 MIXIN 屬性 功能： 可以把多個組件共用的配置提取成一個混入對象這樣既可以減少程式碼冗餘度, 也可以讓後期維護起來更加容易這裡要注意的...
在 Vue3 的專案基礎配置當中，官方將原先的 Vuex4 進入維護模式，並且推薦大家去使用 pinia 來進行狀態管理，那麼 pinia 有什麼好處並且該怎麼用呢，下面讓我們開始吧 引用 pinia...
Hi，大家好，昨天我們完成了資料庫的處理模組，今天來進行前端的操作，主要的動作就是要將前端頁面、結合ajax api，將資料顯示出來，那顯示出來的資料，是由資料庫模組中取出，那麼廢話不多說，直接開始吧...
今天我們要開始來填充我們的購物頁面，我們先來用ChatGPT產生一筆假資料來假裝我們從後端取得了的資料： <script> export default { data() {...
V11_快速檢視Vue的功能(1)_v-bind 綁定操作 經過前幾篇的發文，複習了一下在JS及CSS的基礎，在後面的發文中，可以更專注在Vue本身的特點及功能上，同時也想確認一下，透過官網上的說明，...
本篇介紹根據內容自動更新文字區域的高度的工具resize-textarea-vue3 <input>只能輸入單行，而<textarea>則可輸入多行文字，且有cols和ro...
分享寫「Day9-試試Vue3-主頁歡迎訊息顯示會員名(Pinia)」時整理幾種其他歡迎訊息顯示會員名的寫法，及從中學到的新知識點。會分兩篇介紹。 (1)登入會員的 Pinia store路徑 src...
這邊分享歡迎訊息顯示會員名用儲存在瀏覽器的 localStorage 方法。 (1)介紹 localStorageHTML 5 出現後瀏覽器暫存有了 Local Storage 這個存放於本地端的儲存...