iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 971 瀏覽

鐵人賽影片教學 DAY 11

Nuxt 3 快速入門系列第 11 篇

技術 [影片教學] Nuxt 3 模組 (Modules)

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

Ryan ‧ 2023-09-26

0 Like 0 留言 2097 瀏覽

鐵人賽 Vue.js DAY 11

Nuxt 3 實戰筆記系列第 11 篇

技術 [Day 11] Nuxt 3 自訂共用的函式 - 組合式函式 (Composables) 與通用函式 (Utils) 的差異和選擇

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

Ryan ‧ 2023-09-26 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 1019 瀏覽

鐵人賽 Vue.js DAY 11

這是我的 Vue.js 筆記，不知道有沒有機會幫到你系列第 11 篇

技術我的 Vue.js 筆記(11) - methods 方法

前言今天聊聊 Vue 實體中的 methods，中文叫做「方法」。如同我們在說「物件的方法」一樣，Vue 世界如果說到「方法」，其實就是在講函式(func...

imall ‧ 2023-09-26

0 Like 0 留言 1226 瀏覽

鐵人賽影片教學 DAY 10

Nuxt 3 快速入門系列第 10 篇

技術 [影片教學] Nuxt 3 插件 (Plugins)

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

Ryan ‧ 2023-09-25

0 Like 0 留言 4458 瀏覽

鐵人賽 Vue.js DAY 10

Nuxt 3 實戰筆記系列第 10 篇

技術 [Day 10] Nuxt 3 控制伺服器端及客戶端的渲染執行與 ClientOnly 的使用

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

Ryan ‧ 2023-09-25 ‧團隊啾嚕咕嚕跳起來

1 Like 0 留言 1636 瀏覽

鐵人賽 Vue.js DAY 10

這是我的 Vue.js 筆記，不知道有沒有機會幫到你系列第 10 篇

技術我的 Vue.js 筆記(10) - computed 計算屬性

前言我們已經知道模板語法中可以直接寫 JS 表達式，也知道表達式的邏輯可以抽方法來重複使用。實務上還有一種情況，是需要「依據資料」整理出「對資料的說明」，簡...

imall ‧ 2023-09-25

0 Like 0 留言 1023 瀏覽

鐵人賽 Vue.js DAY 9

Vue3歡樂套件箱耶系列第 9 篇

技術開箱9:輕鬆實現多行文本溢出顯示...～vue-ellipsis-3範例應用

本篇開箱的是vue-ellipsis-3，是一款簡單上手就能實現的文字縮略元件。相信大家在網頁功能上一定會碰到這個需求，超過某個寬度時要出現...省略號（...

切版姐姐 ‧ 2023-09-24

0 Like 0 留言 812 瀏覽

鐵人賽影片教學 DAY 9

Nuxt 3 快速入門系列第 9 篇

技術 [影片教學] Nuxt 3 組合式函式 (Composables)

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

Ryan ‧ 2023-09-24

1 Like 1 留言 5286 瀏覽

鐵人賽 Vue.js DAY 9

Nuxt 3 實戰筆記系列第 9 篇

技術 [Day 09] Nuxt 3 發送 API 請求資料 - 從 $fetch 與 useAsyncData 到 useFetch

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

Ryan ‧ 2023-09-24 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 962 瀏覽

鐵人賽 Vue.js DAY 9

這是我的 Vue.js 筆記，不知道有沒有機會幫到你系列第 9 篇

技術我的 Vue.js 筆記(9) - Vue 的模板

模板語法先說一個觀念：模板，其實不完全等於 HTML，只是剛好 Vue 使用的模板語法，完全支援 HTML。所以我們使用 Vue 的時候如果提到的「模板」，可...

imall ‧ 2023-09-24

1 Like 0 留言 976 瀏覽

鐵人賽影片教學 DAY 8

Nuxt 3 快速入門系列第 8 篇

技術 [影片教學] Nuxt 3 元件 (Components)

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

Ryan ‧ 2023-09-23

1 Like 1 留言 2368 瀏覽

鐵人賽 Vue.js DAY 8

Nuxt 3 實戰筆記系列第 8 篇

技術 [Day 08] Nuxt 3 如何得知路由名稱與自定義頁面路由

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

Ryan ‧ 2023-09-23 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 990 瀏覽

鐵人賽 Vue.js DAY 8

這是我的 Vue.js 筆記，不知道有沒有機會幫到你系列第 8 篇

技術我的 Vue.js 筆記(8) - Vue 元件實體生命週期

前言你可能會疑惑，我們還沒接觸元件，為什麼現在在講元件的生命週期事實上，一個 Vue 實體，就是一個元件，所以我們只要開始使用 Vue 之後，就必須跟元件的...

imall ‧ 2023-09-23

1 Like 0 留言 1162 瀏覽

鐵人賽影片教學 DAY 7

Nuxt 3 快速入門系列第 7 篇

技術 [影片教學] Nuxt 3 布局模板 (Layouts)

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

Ryan ‧ 2023-09-22

1 Like 2 留言 6135 瀏覽

鐵人賽 Vue.js DAY 7

Nuxt 3 實戰筆記系列第 7 篇

技術 [Day 07] Nuxt 3 使用 Dotenv 與 .env 檔案自動載入環境變數與配置 Runtime Config

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

Ryan ‧ 2023-09-22 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 1244 瀏覽

鐵人賽 Vue.js DAY 7

這是我的 Vue.js 筆記，不知道有沒有機會幫到你系列第 7 篇

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

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

imall ‧ 2023-09-22

2 Like 0 留言 1102 瀏覽

鐵人賽影片教學 DAY 6

Nuxt 3 快速入門系列第 6 篇

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

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

Ryan ‧ 2023-09-21

0 Like 0 留言 1294 瀏覽

鐵人賽 Vue.js DAY 6

這是我的 Vue.js 筆記，不知道有沒有機會幫到你系列第 6 篇

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

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

imall ‧ 2023-09-21

1 Like 0 留言 1168 瀏覽

鐵人賽 Vue.js DAY 6

Nuxt 3 實戰筆記系列第 6 篇

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

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

Ryan ‧ 2023-09-21 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 968 瀏覽

鐵人賽 Modern Web DAY 19

組裝前端開發工具箱，從 NX 入手系列第 19 篇

技術在 NX 中建立 Vue 元件庫

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

Jasper ‧ 2023-09-20 ‧團隊我在鐵人賽烙賽、也在外木山裸泳◑ω◐

0 Like 0 留言 1938 瀏覽

鐵人賽影片教學 DAY 5

Nuxt 3 快速入門系列第 5 篇

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

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

Ryan ‧ 2023-09-20

0 Like 0 留言 1818 瀏覽

鐵人賽 Vue.js DAY 5

這是我的 Vue.js 筆記，不知道有沒有機會幫到你系列第 5 篇

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

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

imall ‧ 2023-09-20

1 Like 0 留言 1214 瀏覽

鐵人賽 Vue.js DAY 5

Nuxt 3 實戰筆記系列第 5 篇

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

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

Ryan ‧ 2023-09-20 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 797 瀏覽

鐵人賽 Modern Web DAY 15

從Vue學React！不只要會用，還要真的懂～系列第 15 篇

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

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

文科少女 ‧ 2023-09-21 ‧團隊曼陀號計畫V

1 Like 0 留言 1170 瀏覽

鐵人賽 Vue.js DAY 4

Nuxt 3 實戰筆記系列第 4 篇

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

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

Ryan ‧ 2023-09-19 ‧團隊啾嚕咕嚕跳起來

0 Like 0 留言 2467 瀏覽

鐵人賽影片教學 DAY 4

Nuxt 3 快速入門系列第 4 篇

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

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

Ryan ‧ 2023-09-19

0 Like 1 留言 1755 瀏覽

鐵人賽 Vue.js DAY 4

這是我的 Vue.js 筆記，不知道有沒有機會幫到你系列第 4 篇

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

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

imall ‧ 2023-09-19

0 Like 0 留言 458 瀏覽

鐵人賽影片教學 DAY 3

嘿GPT，幫我寫Vue專案吧！系列第 3 篇

技術 Day03-安裝Vue

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

Olivia ‧ 2023-09-18

0 Like 0 留言 1792 瀏覽

鐵人賽 SideProject30 DAY 4

30天挑戰：從無到有，使用Vue.js和.NET建立一個Web登入系統系列第 4 篇

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

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

ㄙㄩˊ ‧ 2023-09-19 ‧團隊NUTC_IMAC_WEB_桑貝比

0 Like 0 留言 870 瀏覽

鐵人賽 Modern Web DAY 14

從Vue學React！不只要會用，還要真的懂～系列第 14 篇

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

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

文科少女 ‧ 2023-09-20 ‧團隊曼陀號計畫V

技術 [影片教學] Nuxt 3 模組 (Modules)

技術 [Day 11] Nuxt 3 自訂共用的函式 - 組合式函式 (Composables) 與通用函式 (Utils) 的差異和選擇

技術 我的 Vue.js 筆記(11) - methods 方法

技術 [影片教學] Nuxt 3 插件 (Plugins)

技術 [Day 10] Nuxt 3 控制伺服器端及客戶端的渲染執行與 ClientOnly 的使用

技術 我的 Vue.js 筆記(10) - computed 計算屬性

技術 開箱9:輕鬆實現多行文本溢出顯示...～vue-ellipsis-3範例應用

技術 [影片教學] Nuxt 3 組合式函式 (Composables)

技術 [Day 09] Nuxt 3 發送 API 請求資料 - 從 $fetch 與 useAsyncData 到 useFetch

技術 我的 Vue.js 筆記(9) - Vue 的模板

技術 [影片教學] Nuxt 3 元件 (Components)

技術 [Day 08] Nuxt 3 如何得知路由名稱與自定義頁面路由

技術 我的 Vue.js 筆記(8) - Vue 元件實體生命週期

技術 [影片教學] Nuxt 3 布局模板 (Layouts)

技術 [Day 07] Nuxt 3 使用 Dotenv 與 .env 檔案自動載入環境變數與配置 Runtime Config

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

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

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

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

技術 在 NX 中建立 Vue 元件庫

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

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

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

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

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

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

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

技術 Day03-安裝Vue

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

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

標記使用者

技術我的 Vue.js 筆記(11) - methods 方法

技術我的 Vue.js 筆記(10) - computed 計算屬性

技術開箱9:輕鬆實現多行文本溢出顯示...～vue-ellipsis-3範例應用

技術我的 Vue.js 筆記(9) - Vue 的模板

技術我的 Vue.js 筆記(8) - Vue 元件實體生命週期

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

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

技術在 NX 中建立 Vue 元件庫

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

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

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

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