V03_直接在網頁上使用Vue 今天要來探索直接在網頁上使用Vue的方法首先同樣參考Vue官網上 Quick Start 上的說明https://vuejs.o...
今年其實很猶豫要不要參賽，想把去年的安裝教學做完，還是報名了。壓線最後一刻 ~~~(有可能不會完成30天的影片發文:P)(但會把Vue Cli和Node.js...
🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...
🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...
前言 暑假因為實習而接觸到了 Vue 這個前端框架，剛好趁著這次鐵人賽，想整理這兩個月所學習到的知識和大家分享。 在這個系列中，我們將從 Vue 的基本觀念開始...
在了解state怎麼定義、怎麼操作後，還有一個很重要的部分，就是state在元件中傳遞的方式。這個部分也就是大家普遍都很熟悉的props，不只在Vue中是使用p...
v-model是vue框架裡面很常見的一種雙向綁定的用法，主要會實作在input、textarea、select等的這些表單標籤上，目的是為了實現資料的雙向同步...
關於單向資料流，昨天已經有針對這麼部分透過程式碼來了解是怎樣的資料流design pattern了，但是單向資料流究竟和Vue和React有什麼關係呢？就讓我們...
DAY 20 - Nuxt Devtools 超好用的開發者工具 現在無倫是哪個框架都有專屬於自己的 Devtools ，像是 Recat 有 React...
DAY 19 - Nuxt 專案目錄結構 今天來一起分解 Nuxt 專案架構，我們在前面有提到 Nuxt 優點之一易懂的目錄架構 即使沒有這篇單看目錄架構...
DAY 18 - Vue + Vite + Nuxt 建立專案，享受最優質的 DX Vue3 + Vite + Nuxt 這次我主要是選擇使用Vue3 +...
今日前言 Nuxt3 了，接下來後半篇鐵人賽都會以 Nuxt3 為主，一開始預計 Vue.js 的概念篇本來預計寫 10 天，不知不覺越寫越多 orz ...發...
DAY 16 - Vue.js 相關工具、套件大集合 回顧 DAY1 ~ DAY15 學習與進步 不知不覺來到了第 16 天，前半個月主要以自己面試常遇到...
DAY 15 - 輕鬆入門 Pinia 狀態管理工具 Pinia 狀態管理工具 接著我們來嘗試運用 Pinia 狀態管理工具，Pinia 官方文件也有提供...
DAY 14 - 狀態 (State) & Pinia 狀態管理工具 今日介紹 Vue.js 狀態及狀態管理工具，這篇比較偏觀念我們會先從基本概念...
DAY 13 - 元件資料傳遞方式 props 、emit 元件資料傳遞方式 每個元件的資料都是獨立的，我們不能直接修改元件裡的資料，所以要透過專門的資料...
DAY 12 - 拆 ! 拆 ! 拆 !，將 Vue 元件化 ( Component ) 元件的概念 什麼是元件( Component ) ? 我們在開發...
DAY 11 - V-for 渲染列表，輸入key值的重要性 v-for 渲染列表 我們什麼情況下會用到 v-for 呢 ?我有一大筆資料想要讓他依序顯示...
昨天看了渲染機制後，緊接著再往前一步來看看元件的生命週期吧！常寫Vue的朋友們應該對生命週期都不陌生，因為偶爾還是會遇到需要透過生命週期API來實現一些功能的時...
不論是學習Vue或是學習React，除了學會怎麼使用它們的API或hook外，還必須了解它的渲染機制，這樣才可以避免出現一些預期外的bug而不自知，或是在需要某...
我們先把什麼Vue不Vue的，React不React的放一旁，從一個很基礎，但很多初學者(包含我)卻沒有好好去理解的關鍵概念開始認識，那就是mutable和im...
待辦清單 待辦清單是每位工程師入門程式語言時都會碰到的經典專案。透過這個簡單卻具代表性的應用，可以很直觀地評估和鞏固一個人對於某種語言或框架的掌握程度。不僅如此...
大家好！我是從韓文領域不務正業到軟體產業的文科少女，目前正在前端的世界努力中。因為希望自己能突破Junior的坎，所以為自己立下了一個參加鐵人賽的目標，希望透過...
v-for Vue 中的 v-for 指令允許我們基於數據渲染一個列表。上面的例子中，items 是一個包含三個物件的數組。v-for 會遍歷每個物件，並對每個...
DAY 10 - 渲染的條件判斷，透過V-if /V-else 顯示畫面 一般 Dom 元素判斷 在一般我們操作 Dom 元素時，我們假入要判斷呈現的畫面...
DAY 9 - v-bind 綁定樣式與 v-on 監聽事件 v-bind 綁定你的 attributes(屬性) v-bind 簡寫、縮寫 常見運...
DAY 8 - v-model 雙向綁定與修飾符運用 接下來DAY 8 ~ DAY 11 會來到 Vue 的指令篇，這邊就是比較基礎的常用的指令，會一一來慢...
DAY 7 - 深入了解 Dom 元素，了解 Virtual DOM 原理 Dom 元素是什麼 ? DOM : Document Object Mode 文...
DAY 6 - Option API 進化 Compisiton API 學習目標 : 從 Option API 進化 Compisiton API ，從了...
DAY 5 - Vue 2 > Vue 3 破壞性改動，了解不同版本 為什麼要了解不同版本呢 ? 1. 版本間差異寫法大，只學一種不理解其中差...
jasonlee2357
Olivia
Ryan
RNG
文科少女
阿蘇蘇
lohchanhin
iThome鐵人賽
看影片追技術