iT邦幫忙

vue相關文章
共有 801 則文章
鐵人賽 Vue.js DAY 7

技術 我的 Vue.js 筆記(7) - Vue 的實體與響應式狀態定義

前言 標題又出現了一個看起來很難懂的專有名詞:狀態。 這篇文章來聊聊 Vue 的「狀態」是什麼意思。 在開始說狀態之前,先簡單說一下 setup() 生命週期鉤...

鐵人賽 影片教學 DAY 6
Nuxt 3 快速入門 系列 第 6

技術 [影片教學] Nuxt 3 頁面 (Pages) 與路由 (Routing)

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 6

技術 我的 Vue.js 筆記(6) - Vue 的核心與實體(Instance)

Vue 的核心 這個主題寫在這篇其實有點「晚」了 不過也因為寫在這篇,相信有追完前面幾篇的讀者,已經能體會 Vue 有多「漸進」了。 之前有提到,尤大大當初只是...

鐵人賽 Vue.js DAY 6
Nuxt 3 實戰筆記 系列 第 6

技術 [Day 06] Nuxt 3 專案分析開發工具 - Nuxt DevTools 視覺化工具系列

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Modern Web DAY 19

技術 在 NX 中建立 Vue 元件庫

來嘗試在 NX 中建立 Vue 元件庫 lib。 跟 Nuxt 一樣,目前官方沒有支援 Vue 的擴充,所以要手動設定。 首先建立一個基於 Vite 的 js...

鐵人賽 影片教學 DAY 5
Nuxt 3 快速入門 系列 第 5

技術 [影片教學] Nuxt 3 目錄結構與自動載入 (Auto Imports)

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 5

技術 我的 Vue.js 筆記(5) - 初始化 Vue 以及 Vue 能控制的地方

經歷了前面幾篇文章,讀者大概已經對框架有最基本的認識。 我們來 "Get our hands dirty",開始寫扣吧! 建構 Vue 框架...

鐵人賽 Vue.js DAY 5
Nuxt 3 實戰筆記 系列 第 5

技術 [Day 05] Nuxt 3 專案內部伺服器與進階開發工具 - Nuxt DevTools 視覺化工具系列

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Modern Web DAY 15

技術 【Day 15】究竟是watch?還是生命週期API?處理副作用的useEffect

寫Vue的時候,偶爾會需要使用watch去監聽某個state的變動,來去進行一些邏輯操作。在接觸React之後,我發現React也有一個類似用途的hook,這個...

鐵人賽 Vue.js DAY 4
Nuxt 3 實戰筆記 系列 第 4

技術 [Day 04] Nuxt 3 專案應用程式開發工具 - Nuxt DevTools 視覺化工具系列

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 影片教學 DAY 4
Nuxt 3 快速入門 系列 第 4

技術 [影片教學] Nuxt 3 安裝與使用 Tailwind CSS

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 4

技術 我的 Vue.js 筆記(4) - Vue 幫我們解決的事情

前言 上一篇文章,已經大概說明為什麼會需要使用框架,同時也大概說了為什麼要寫 Vue 這篇文章,來聊聊原生 JS跟 Vue 的比較吧 雖然上一篇好像在嘴這件事,...

鐵人賽 影片教學 DAY 3

技術 Day03-安裝Vue

安裝 Vue Cli npm install -g @vue/cli 創建 Vue 項目 vue create 自訂義的資料夾名稱 因為一些個人因素,之...

鐵人賽 SideProject30 DAY 4

技術 Day 4:環境篇 - 簡述Vue & .NET的專案架構

本篇重點: 說明Vue & .NET的專案架構 這些檔案or目錄分別代表什麼意思 前端畫面是怎麼來的 為什麼每次按重新整理,畫面上的天氣資料就會不...

鐵人賽 Modern Web DAY 14

技術 【Day 14】設計樣式共用的元件!Vue有v-slot,那React可以怎麼做!?

對vue比較熟悉的朋友們,應該對於slot的使用都不陌生,slot對於增加元件的使用彈性上有著很大的幫助。但是React沒有vue框架中的v-slot,要怎麼彈...

鐵人賽 SideProject30 DAY 3

技術 Day 3:環境篇 - 使用 Visual Studio 建立一個Vue.js & .NET的專案

本篇重點: Vue & Vue CLI安裝 如何使用Visual Studio建立一個Vue & .Net的專案 在開始建立專案前,我們...

鐵人賽 影片教學 DAY 3
Nuxt 3 快速入門 系列 第 3

技術 [影片教學] Nuxt 3 + ESLint + Prettier 環境建置

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 3

技術 我的 Vue.js 筆記(3) - 為什麼前端要有框架?為什麼選 Vue?

聊聊框架 所以到底為什麼要 逼我們 學框架? 這個問題其實已經有很多前輩寫了很詳細的文章做說明,這邊分享兩篇我覺得很不錯的文章給大家參考。 談談前端框架...

鐵人賽 Vue.js DAY 3
Nuxt 3 實戰筆記 系列 第 3

技術 [Day 03] Nuxt 3 解放 Nuxt 開發者體驗 - Nuxt DevTools 視覺化工具系列

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 2

技術 我的 Vue.js 筆記(2) - 事前的準備

前言 工欲善其事,必先利其器。 這句不知道已經幾百年的諺語一直到現在還是很受用,我們學習程式的人也適用於這個觀念。 開始學習 Vue 之前,有幾樣工具是電腦中一...

鐵人賽 Vue.js DAY 2
Nuxt 3 實戰筆記 系列 第 2

技術 [Day 02] Nuxt 3 使用 nuxi 快速建立模板檔案

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 影片教學 DAY 2
Nuxt 3 快速入門 系列 第 2

技術 [影片教學] Nuxt 3 - nuxi (Nuxt CLI) 指令介紹

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Modern Web DAY 13

技術 【Day 13】Vue與React實現互動效果的事件綁定

前幾天已經了解關於state的存取及更新方式,還有從父層把state透過props的傳遞給子層的方式,今天就讓我們把重點放在怎麼讓頁面能擁有實際的互動功能,也就...

鐵人賽 Vue.js DAY 1

技術 我的 Vue.js 筆記(1) - 前言

前端御三家,請選擇 前端框架,一個在「大前端時代」出現的產物,當 jQuery 已經沒辦法輕易應付萬紫千紅的需求時,框架開始崛起。 近期開始接觸網頁程式的人,無...

鐵人賽 影片教學 DAY 1
Nuxt 3 快速入門 系列 第 1

技術 [影片教學] Nuxt 3 - 使用 nuxi 建立第一個專案

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 1
Nuxt 3 實戰筆記 系列 第 1

技術 [Day 01] Nuxt 3 nuxi 介紹 - Nuxt CLI 指令說明

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Modern Web DAY 10

技術 【Day 10】ref和useState:定義與畫面渲染有關的State

前天和昨天花了一些時間了解Vue和React的「單向資料流」設計模式後,接著來看看與畫面渲染有關的state的部分,雖然在使用上,某些程度來說,Vue和Reac...

鐵人賽 Vue.js DAY 16

技術 DAY 16 - Vue.js 相關工具、套件大集合

DAY 16 - Vue.js 相關工具、套件大集合 回顧 DAY1 ~ DAY15 學習與進步 不知不覺來到了第 16 天,前半個月主要以自己面試常遇到...

鐵人賽 Modern Web DAY 1

技術 【Day 1】為什麼我要從Vue學React?為什麼不只要會用,還要真的懂?

大家好!我是從韓文領域不務正業到軟體產業的文科少女,目前正在前端的世界努力中。因為希望自己能突破Junior的坎,所以為自己立下了一個參加鐵人賽的目標,希望透過...

鐵人賽 Vue.js DAY 4

技術 DAY 4 - 建立到銷毀:深入了解 Vue 生命週期

DAY 4 - 建立到銷毀:深入了解 Vue 生命週期 今日前言 今天來談談Vue.js的生命周期,了解元件建立到摧毀過程,深入了解元件運作原理及我們可以如...