iT邦幫忙

vue.js相關文章
共有 1664 則文章
鐵人賽 SideProject30 DAY 13

技術 Day13—Vue(七)響應式基礎:ref和reactive的差別

前言 前一篇文章介紹了模板語法,今天我們將介紹Vue3的響應式基礎。在Vue3中,我們可以通過ref和reactive兩種響應式API創建響應式數據。ref和...

鐵人賽 Vue.js DAY 30

技術 DAY 30 - <鐵人完賽> 回顧 30 Days 學習歷程

DAY 30 - &lt;鐵人完賽感言&gt; 回顧 30 Days 學習歷程 DAY 30 完結篇,在抓篇章結果沒有預估好,Nuxt 果然寫不完 XD光是...

鐵人賽 Vue.js DAY 29

技術 DAY 29 - transition 漸變 與動畫特效

DAY 29 - Vue/Nuxt transition 轉場動畫 在 Vue 裡本身就有內置 &lt;Transition&gt; 組件,我們可以利用這個組...

鐵人賽 Vue.js DAY 28

技術 DAY 28 - Nuxt 使用 useFetch 串接 API

DAY 28 - Nuxt 使用 useFetch 串接 API 前言 延續上篇 ...DAY 27 - Nuxt Server 模擬 RESTful AP...

鐵人賽 Vue.js DAY 27

技術 DAY 27 - Nuxt Server 模擬 RESTful API

DAY 27 - Nuxt Server 模擬 RESTful API 什麼是 Nuxt Server ? 有聽過 Json Server 嗎 ?Nuxt S...

鐵人賽 Vue.js DAY 26

技術 DAY 26 - Nuxt 渲染模式 SSR+SPA / CSR / 混合渲染 ,輕鬆切換渲染模式

DAY 26 - Nuxt 渲染模式 SSR+SPA / CSR / 混合渲染 ,輕鬆切換渲染模式 今日前言 - 網站模式/渲染模式複習 前篇 DAY 25...

鐵人賽 Vue.js DAY 25

技術 DAY 25 - Vue SPA 單頁式/ MPA 多頁式 / Nuxt SSR / CSR

DAY 25 - Vue SPA 單頁式/ MPA 多頁式 / Nuxt SSR / CSR 今日前言 接下來會提到 Nuxt 渲染方式,那就不得不提到本身...

鐵人賽 Vue.js DAY 24

技術 DAY 24 - Nuxt Routing 路由 與動態路由

DAY 24 - Nuxt Routing 路由 與動態路由 Nuxt Routing Nuxt 路由是基於vue-router 來使用, 依據資料夾 pa...

鐵人賽 Vue.js DAY 23

技術 DAY 23 - Nuxt 將 component、page 、layout 整合,嘗試寫一個模板

DAY 23 - Nuxt 將 component、page 、layout 整合,嘗試寫一個模板 驗收學習成果 再這篇我們會試著整合前面所學的,將 app...

鐵人賽 Vue.js DAY 22

技術 DAY 22 - Nuxt 自動引入 (Auto Imports)

DAY 22 - Nuxt 自動引入 (Auto Imports) Nuxt3 有個很重要的特性,那就是 自動引入 (Auto Imports),大幅增加你...

鐵人賽 Vue.js DAY 21

技術 DAY 21 - 安裝 Nuxt Modules 模組 、插件 (Plugins)

DAY 21 - 安裝 Nuxt Modules 模組 、插件 (Plugins) Modules 模組 首先來看官方 Nuxt 模組,在這邊可以看到支援、...

鐵人賽 Vue.js DAY 14
業主說給你30天學會Vue 系列 第 14

技術 V14_快速檢視Vue的功能(4)_Vue元件之間的props、emits與slots

V14_快速檢視Vue的功能(4)_Vue元件之間的props、emits與slots 接著從 Try the Tutorial 網頁來開始學習網址為 http...

鐵人賽 Vue.js DAY 12
Vue3歡樂套件箱耶 系列 第 12

技術 開箱12:語音轉文字不專業版~SpeechRecognition範例應用

Web Speech API 可讓您將語音資料合併到 Web 應用程式中。分兩個功能:(Speech Synthesis)語音合成(文字轉語音)和(Speech...

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

技術 [影片教學] Nuxt 3 路由中間件 (Route Middleware)

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

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

技術 [Day 12] Nuxt 3 使用插件 (Plugin) 整合載入第三方套件 - 導入支援 Vue 3 的套件或插件

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

鐵人賽 SideProject30 DAY 12

技術 Day12—Vue(六)模板語法(下):指令

前言 在前一篇文章中,介紹了Vue3的模板語法,讓我們對Vue3的模板有了初步的認識。今天我們要來介紹Vue3中非常重要的一個部分 —— 指令(Directi...

鐵人賽 Vue.js DAY 13
業主說給你30天學會Vue 系列 第 13

技術 V13_快速檢視Vue的功能(3)_Vue的生命週期與監看

V13_快速檢視Vue的功能(3)_Vue的生命週期與監看 接著從 Try the Tutorial 網頁來開始學習網址為 https://vuejs.org/...

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

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

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

鐵人賽 Vue.js DAY 12
業主說給你30天學會Vue 系列 第 12

技術 V12_快速檢視Vue的功能(2)_v-if條件及v-for迴圈操作

V12_快速檢視Vue的功能(2)_v-if條件及v-for迴圈操作 接著從 Try the Tutorial 網頁來開始學習網址為 https://vuejs...

鐵人賽 SideProject30 DAY 11

技術 Day11—Vue(五)創建Vue應用與模板語法(上)

前言 昨天建置好環境後,今天終於能進入如何實際運用Vue這個框架的環節。 創建應用實例 第一步,創建Vue應用: import { createApp } f...

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

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

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

鐵人賽 SideProject30 DAY 15

技術 完成詳細資料顯示

Hi,大家好,今天是中秋佳節,祝大家烤肉吃到飽啦,今天我們要完成詳細資料顯示頁面,主要是資料的顯示機制,依照資料不同顯示不同之css,控制元素的顯示、隱藏、加上...

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

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

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

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

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

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

鐵人賽 Vue.js DAY 11
業主說給你30天學會Vue 系列 第 11

技術 V11_快速檢視Vue的功能(1)_v-bind 綁定操作

V11_快速檢視Vue的功能(1)_v-bind 綁定操作 經過前幾篇的發文,複習了一下在JS及CSS的基礎,在後面的發文中,可以更專注在Vue本身的特點及功能...

鐵人賽 Vue.js DAY 10
Vue3歡樂套件箱耶 系列 第 10

技術 開箱10:自適應高度TextArea~resize-textarea-vue3範例應用

本篇介紹根據內容自動更新文字區域的高度的工具resize-textarea-vue3 &lt;input&gt;只能輸入單行,而&lt;textarea&g...

鐵人賽 SideProject30 DAY 10

技術 Day10—Vue(四)Vue專案架構與部屬網站

前言 昨天創建完了Vue的環境,今天我們將會介紹旁邊資料夾分別負責放置哪些檔案。 專案架構 建完架構後,我們可以看到旁邊資料夾的結構如下: node_mo...

鐵人賽 Vue.js DAY 10
業主說給你30天學會Vue 系列 第 10

技術 V10_在vue之前_必備的CSS基礎(3)_SASS/SCSS控制

V10_在vue之前_必備的CSS基礎(3)_SASS/SCSS控制 今天來探索一下有關CSS的SASS/SCSS控制 首先看一下MDN的說明https://d...

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

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

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

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

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

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