耶！終於迎來了鐵人賽第十天，撐過了三分之一，恭喜各位也恭喜我自己！那我們今天呢，就是要跟大家來介紹 Vue 的生命週期，那話不多說，我們開始吧 Vue 的生命週期 簡單來說，在我們初始建立 Vue 的...
在正式撰寫react前，本篇探討一下原生與vue和react的簡單版的toDoList寫法 初衷 根據stateofjs的統計目前知名的前三大前端框架為React、Vue、Angular(如附圖)，另...
前言 一開始認識 reactive() 跟 ref() 真的超困惑，不理解兩者背後的差別，只能硬記個別的使用方式和限制，一直到了解他們背的原理，才有「啊哈～」的感覺，一切都變得合理起來。所以這個主題會...
前言 本系列將介紹 Rails with Vue 的基本概念，並且以一個簡單的專案 Todo 來說明如何使用 Rails with Vue。我將透過這一系列的文章記錄我學習的過程，並且將我所學到的知...
Outline 語法簡介 v-for 與 key 的關係 為什麼要綁定 key 什麼狀況下不能用 index 作為 key v-if & v-for 偷看一下原始碼 語法簡介 S...
Vuex 設定 Vuex是一個專為Vue.js開發的狀態管理模式 + 套件他集中儲存、管理App中的所有組件狀態──────────────────── By Vuex 目標：安裝、設定Vue...
Hi Dai Gei Ho~ 我是Winnie ~ 回憶過去，在這24天的內容中，我們已經介紹了 Chrome Extension 的核心運作、使用方法，同時也針對如何在 Vite 創建一個Exte...
Pinia Nuxt3 雖然可以使用 useStore 方法來操作 vuex，但是既然都是基於 Vue3 了，使用 pinia 來管理比較順手一點，雖然 Pinia 有針對 Nuxt 安裝的說明文件，...
上一篇提到 Vue2 是用 Object.defineProperty 來進行雙向綁定。而 Vue3 則是升級成 ES6 的 Proxy ，相較起 Object.defineProperty 而言，性...
程式碼的複用 本來今天要幫以前的Side Project搬家，但箱子都還沒拆，先來看一下Vue3重要的概念之一：重複使用吧！ 以前Vue2的時候，我們都要使用Mixin 幫未來可能再用到的程式碼包裝，...