iT邦幫忙

vue.js相關文章
共有 1664 則文章
鐵人賽 Vue.js DAY 5

技術 從入門到入土一條龍Vue.js Day05-指令進階用法(一)

Vue指令進階 在第三天我們說明了數據綁定的方法,分別是{{}}動態數據,v-bind屬性綁定和v-model表單數據綁定。除了前面的之外還有很多其他的指令,今...

鐵人賽 Vue.js DAY 4

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

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

鐵人賽 Vue.js DAY 3

技術 DAY 3 - 踏上 Vue.js 的世界,為什麼選擇 Vue.js ?

DAY 3 - 踏上 Vue.js 的世界,為什麼選擇 Vue.js ? 你不可不知使用 Vue.js 理由 那為什麼會選擇 Vue.js 呢 ? 你不可...

鐵人賽 Vue.js DAY 2

技術 DAY 2 - 飛越時代前端大進化 ,三大框架差異 ?

DAY 2 - 飛越時代前端大進化 ,三大框架差異 ? 大家都知道前端有三大框架,Vue、Recat、Angular,那為什麼要選擇 Vue 呢?為甚麼我們...

鐵人賽 Vue.js DAY 1

技術 DAY 1 - 開賽啦 ! 強化 Vue.js 30天之旅

DAY 1 - 開賽啦 ! 強化 Vue.js 30天之旅 我的背景 - 剛成功轉職的前端小菜鳥 <背景介紹>有點長可以當廢話跳過,只是希望分...

鐵人賽 Vue.js DAY 4

技術 從入門到入土一條龍Vue.js Day04-基礎系列之Vue組件系統

什麼是組件? 在 Vue 中,組件可以被看作是一個可重用的 Vue 實例,帶有名稱。它們和常規的 Vue 實例很相似,只是它們用於定義可重用的代碼塊。組件是構建...

鐵人賽 Vue.js DAY 2

技術 V02_最小規模的Vue的開發流程

V02_最小規模的Vue的開發流程 建立vue專案 今天要來實際利用vite套件來建立vue專案延續參考vue官網上Quick Start的說明https://...

鐵人賽 Vue.js DAY 1

技術 V01_工欲善其事_Vue先裝起來

V01_工欲善其事_Vue先裝起來 在前端的世界中,我們都知道HTML, CSS, JS是三個主要的基石,不管各種上層的工具,套件,框架,最終都會透過瀏覽器來呈...

鐵人賽 Vue.js DAY 2

技術 從入門到入土一條龍Vue.js Day02-核心觀念介紹

重要說明-這是我個人了解之後白話文的解說 我們都知道Vue方便,那請問Vue方便在什麼地方?接下來假設我們要建立一個按鈕,按鈕按下去之後按鈕數字會增加。同樣的東...

鐵人賽 Vue.js DAY 1
重新認識 Vue.js 系列 第 1

技術 重新認識 Vue.js - Day 01:前言與大綱

陸陸續續前端也寫了一段時間了,除了怎麼用,總是要探討一下用什麼接下來的這段時間會介紹一些使用現代框架的原因以及差別,還有一些些的如何達成這些功能這邊就獻上大綱啦...

技術 在 Vue 中使用 Swiper Element (WebComponent)

知道這個套件一陣子了,但有一天要使用他的時候被官方文件寫的這段話嚇到。 Swiper Vue components will likely to be rem...

技術 【Petite-Vue】大小只有 ~6KB 的 mini Vue!

文章出處 Vue 可以作為獨立的腳本文件使用,無需構建步驟!如果你有一個非前後端分離的歷史項目,並且它已經渲染了大部分的 HTML,或者你的前端邏輯並不...

技術 [ Nuxt.js 2.x 系列文章 ] nuxt.config.js 設定檔

版本:nuxt 2.15.8 全名為 Nuxt configuration file,功能同 Vue 專案內 vue.config.js 檔,如果我們使用...

技術 [ Nuxt.js 2.x 系列文章 ] Nuxt.js 專案架設與目錄結構

版本:nuxt 2.15.8 說到 Nuxt,必須先從 Vue.js 說起,Vue.js 為專注在視圖層(View) 的 JS 框架,為 SPA(Singl...

技術 電商專案vue2.0 + cil步驟筆記(一)

大型店商專案一些重點步驟(數據資料取自北京尚矽谷) (步驟和說明有很多省略 目前在複習精簡中 之後會詳細更新 先請見諒) 1開啟cmd 初始化 vue c...

鐵人賽 Modern Web DAY 30

技術 Day 30: Vue 3 響應式原理 - effect 如何響應 (無敵簡化版)

註:本篇屬於沒有很重要,但我很好奇系列 這篇不會著重在原始碼,主要是介紹 Vue 是用什麼概念去蒐集依賴。主要學習資源是 Vue Mastery、官網文件和部份...

鐵人賽 Modern Web DAY 29

技術 Day 29: Vue 響應式基礎 - watch & computed 不踩坑

前言 在 Day 9 和 10 的文章中,我們提到 Vue 3 響應式基礎 - reactive & ref,主要用來攔截資料的讀取跟寫入,讓 Vue...

鐵人賽 Modern Web DAY 29
Nuxt 3 學習筆記 系列 第 29

技術 [Day 29] Nuxt 3 發布網站前的建構打包 (Build) 與靜態網站生成 (Static Site Generation)

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

鐵人賽 Modern Web DAY 28
Nuxt 3 學習筆記 系列 第 28

技術 [Day 28] Nuxt 3 渲染模式 (Rendering modes) 與網站使用體驗核心指標 (Core Web Vitals)

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

鐵人賽 Modern Web DAY 27
Nuxt 3 學習筆記 系列 第 27

技術 [Day 27] Nuxt 3 測試 (Testing) 與錯誤處理 (Error handling)

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

鐵人賽 Modern Web DAY 27

技術 Day 27: 從 VueUse - useAsyncState 認識 Composable 和非同步處理

前言 會想寫這個題目有兩個原因: 想認識 composable 函式,體驗 Composition API 的強大之處,為什麼可以讓跨元件複用程式碼變得更方便...

鐵人賽 Modern Web DAY 26

技術 把專案Nuxt3起來&config設定-D26

Nuxt 本來參加鐵人的初衷就是想要幫自己的side project搬個家,然後以此繼續寫Test & 架設後端。所以這邊之後就是實作筆記啦! 最後還是...

鐵人賽 Modern Web DAY 25
Nuxt 3 學習筆記 系列 第 25

技術 [Day 25] Nuxt 3 邁向國際化 - 使用 Nuxt I18n 實作多國語系

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

鐵人賽 Modern Web DAY 25

技術 Day 25: 來發 API 吧!Pinia 語法學完馬上用

前言 在 Day 21: 來發 API 吧!Async Composition API setup() 中,是在元件準備渲染時,才在 setup 內發 API...

鐵人賽 Modern Web DAY 24
Nuxt 3 學習筆記 系列 第 24

技術 [Day 24] Nuxt 3 搜尋引擎最佳化 (SEO) 與 HTML Meta Tag

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

鐵人賽 Modern Web DAY 23
Nuxt 3 學習筆記 系列 第 23

技術 [Day 23] Nuxt 3 實作部落格 - 頁面的導航守衛與切換效果

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

鐵人賽 Modern Web DAY 23

技術 Day 23: 來發 API 吧!Lifecycle Hooks and Navigation Guards 你要哪一個?

Outline Lifecycle Hooks 快速總覽 Navigation guards 快速總覽 發 API 挑哪個? 今天會著重介紹觸發時機,可以在...

鐵人賽 Modern Web DAY 22
Nuxt 3 學習筆記 系列 第 22

技術 [Day 22] Nuxt 3 實作部落格 - 導覽列模板與新增文章

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

鐵人賽 Modern Web DAY 22

技術 Day 22: Composition API async setup() + await 的限制

上集回顧 Composition API 元件中的 setup() 函式可以作為非同步函式使用,在內部可以使用關鍵字 await 等待非同步陳述式執行。 一切聽...

鐵人賽 Modern Web DAY 21
Nuxt 3 學習筆記 系列 第 21

技術 [Day 21] Nuxt 3 實作部落格 - 資料庫與會員系統

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