iT邦幫忙

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

技術 在 Vue 過氣前要學的第十七件事 - 依賴注入 Provide/Inject

前言 在 Vue 過氣前要學的第十六件事 - 愛是雙向的 中,我們提到了 vue 的雙向綁定,這僅止於父子關係的組件。 但如果今天這個元件跨了兩層,跨了三層嗎,...

鐵人賽 Vue.js DAY 2

技術 Day 1:從「這不是我要的」開始:流程圖推導到 v-if 與 :disabled

前言|系列架構與 Chapter說明 這一系列文章的主軸是 「需求至上」的 Vue 3 學習之旅。我會預設大家都是有JS開發經驗的人~本篇章主要是把每個實戰按理...

鐵人賽 Vue.js DAY 1

技術 Day 0|起心動念與系列規劃

一、起心動念 三大框架都碰過,但 Vue.js 以 簡潔語法與輕量特性 讓我著迷。 曾喜愛過小眾框架 Riot.js,它的雙向綁定和 template 語法糖也...

鐵人賽 Vue.js DAY 2
Vue 新手學習紀錄 系列 第 2

技術 Day 2|首頁 Layout:建立網站 Header

新增 Header 元件 在 src/components 內新增一個 Header.vue 用來放 header 的程式碼 <template>...

鐵人賽 自我挑戰組 DAY 2

技術 Day 2 履歷作品集應有的區塊 & UI/UX 畫面規劃

目標 打造一個線上履歷作品集網站,讓面試官能快速理解我的定位、技能、專案成果與聯絡方式,同時透過設計細節展現專業感。 內容架構 個人資料、學經歷 → 定位...

鐵人賽 Vue.js DAY 15

技術 在 Vue 過氣前要學的第十五件事 - 單向資料流

前言 Vue 是一個資料驅動的框架,畫面是由資料的狀態所決定的,當資料改變,畫面會自動更新。 因此,掌握資料的流向、變動方式與渲染時機,是深入理解 Vue 的核...

鐵人賽 自我挑戰組 DAY 1

技術 Day 1 開賽宣言 & 主題介紹:為什麼用 Vue/Nuxt 做網站

身為台北小小公司的小小社畜,每天花近3個小時通勤,好不容易(真的好不容易)這段時間可以常駐台北,省去大把通勤時間,要拿來做什麼呢?不可能都拿來滑手機、追劇吧,身...

鐵人賽 Vue.js DAY 14

技術 在 Vue 過氣前要學的第十四件事 - 事件處理 / v-on

前言 在 Vue 中,當你希望做某些動作並觸發事件時,可能就會需要用到事件綁定,譬如說呢,今天要點擊一個按鈕數字會 +1: const count = ref(...

鐵人賽 Vue.js DAY 1
Vue 新手學習紀錄 系列 第 1

技術 Day 1 | 訂定最終目標 & 建立 Vue.js 開發環境

這次 30 天的挑戰將從一個產品下手去學習,至於為什麼用產品而不是單純學語法勒,因為單純語法太無聊了 ouo產品目標是「推甄經驗分享網站」,其實從暑假就想做了,...

鐵人賽 Vue.js DAY 13

技術 在 Vue 過氣前要學的第十三件事 - Here we go again / v-for

前言 在前端開發中,難免動態決定該渲染什麼資料的情況,舉例來說,今天有一個畫面是 : 要根據 API 回傳的資料來渲染該公司的員工列表 那公司員工這個資料可...

鐵人賽 Vue.js DAY 11

技術 在 Vue 過氣前要學的第十一件事 - 抓住 Vue 的心 / v-bind

前言 v-bind 是非常常見的內置指令,常用於 HTML attribute,例如 style, class, props, etc.。 放的位置會在 ele...

鐵人賽 Vue.js DAY 10

技術 在 Vue 過氣前要學的第十件事 - 從打好基本功開始 / Directives

前言 其實一開始很猶豫要不要寫這個篇章,因為如果你用過 Vue 那接下來這些指令你基本上應該是爛熟於心。 不過考慮到這些指令是基本上你不可能可以避免的功能,除非...

鐵人賽 Vue.js DAY 9

技術 在 Vue 過氣前要學的第九件事 - Virtual DOM 要走入歷史了嗎? / Vapor Mode

前言 Vue 3.6.0-alpha.1 推出了,其中最特殊的應該就是這個 Vapor Mode 了,就來看一下這個新的模式會有什麼幫助吧。 概述 Vapor...

鐵人賽 Vue.js DAY 8

技術 在 Vue 過氣前要學的第八件事 - 一次了解渲染機制

前言 為什麼我們要了解 Vue 的渲染機制呢,當然是為了面試 當然是為了自我成長阿。我主觀感受來說,在於 使用框架 這件事上,你不太應該要先了解渲染機制才能用框...

鐵人賽 Vue.js DAY 7

技術 在 Vue 過氣前要學的第七件事 - 外星人來了嗎!? Alien-signals

前言 在 3.6 alpha 中,除了我們後面會講到的 Vapor Mode,再來就是響應式系統又又又被重寫了。這個 alien-signals 是什麼呢,是由...

鐵人賽 Vue.js DAY 4

技術 在 Vue 過氣前要學的第四件事 - 2025 了還要用 .value ?

前言 在 Vue 的使用中你可能會看到 ref 跟 reactive,這是 Composition API 的核心,讓資料具備響應式。 但平平都是用來做變數的引...

鐵人賽 Vue.js DAY 2

技術 在 Vue 過氣前要學的第二件事 - Vue 到底是什麼

前言 在研究 Vue 的時候第一個吸引我的,絕對是版本名稱。 1.0: "Evangelion" (新世紀福音戰士) 2.0 &quot...

鐵人賽 Vue.js DAY 1

技術 在 Vue 過氣前要學的第一件事 - 先了解自己

前言 今天是 9 月 1 號, 在這個特別的日子裡~為什麼特別呢, 因為今天是 友克鑫集合是我鐵人賽開賽的第一天啦! 話不多說直接開始身為一名前端工程師,對框架...

鐵人賽 Vue.js DAY 1

技術 專案介紹:Vue.js + 雅思學習目標

大家好!這是我參加鐵人賽的第一天文章 🎉。這次我選擇的主題是 「Vue.js + 雅思學習目標」,為什麼會把前端框架和英文考試放在一起呢?原因很簡單:一方面我想...

鐵人賽 Vue.js DAY 1

技術 【Day 1】Vue 3 核心演進:不只是改版,更是思維的躍遷

聯繫我 如果有任何問題或建議,歡迎隨時聯繫我: GitHub Email 前言 今年,再次挑戰自我! 也謝謝我的好朋友,邀請我繼續參加這場「攀登技術...

技術 🌟新書上市🌟 Vue.js → Nuxt 入門教學書籍推薦!【鐵人賽系列】想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜尋引擎最佳化

👋 Hello 大家好,我是 Ryan 借用大家的 iT 邦幫忙版面及時間來稍微宣傳一下新書,本文文末有免費贈書!!!歡迎個人、讀書會、學校社團及社群來洽詢索...

鐵人賽 JavaScript DAY 30

技術 【Day29】.NET Core MVC & Vue—讓Axios幫我拿資料

參賽進入最尾聲了,剩下最後一個實戰任務!將會用我之前透過.net MVC開發的訂房網站為基礎進行;今天來完成房間資訊頁,並比較看看和原先jQuery差別在哪!...

鐵人賽 Modern Web DAY 30
欸你是要進 Vue 了沒? 系列 第 30

技術 欸你是要進 Vue 了沒? - Day30:比賽過一半就想開始寫的完賽心得?

蛤肉,搭家好,我乘風破浪的來了。 在寫這篇前,想說把自己 Day1~Day29 看過一遍,就可以準備好心情和能量,面對完賽了喔這個不真實的事實,屏氣凝神的來下筆...

鐵人賽 JavaScript DAY 29

技術 【Day28】.NET Core MVC & Vue—Bootstrap套件也能v-for!

參賽進入最尾聲了,剩下最後一個實戰任務!將會用我之前透過.net MVC開發的訂房網站為基礎進行;昨天我們已經連上了本機資料庫,並測試成功把資料丟到View,接...

鐵人賽 Modern Web DAY 29
欸你是要進 Vue 了沒? 系列 第 29

技術 欸你是要進 Vue 了沒? - Day29:Vue 組件間的溝通方式之 Emits、defineEmits() 子組件發出信號收到請回答 Over!

對,是系列文!在 Vue 中,組件之間傳遞資料的機制有許多種,本系列主要介紹父、子組件之間的溝通,分別為:「父傳子:Props」&&「子傳父:E...

鐵人賽 JavaScript DAY 30

技術 Day 30: 完賽 - Vue 的 30天自我學習旅程回顧

終於來到了終點線第30天了~有陪伴到這裡看完任何一篇的你們都很棒,感謝妳(你)們的耐心閱讀,今天可以不用聊嚴肅的話題(誤?),不過還是回顧一下過程中,那些比較特...

鐵人賽 JavaScript DAY 28

技術 【Day27】.NET Core MVC & Vue—DI注入連線本機資料庫

參賽進入最尾聲了,剩下最後一個實戰任務!將會用我之前透過.net MVC開發的訂房網站為基礎進行! 這系列兩大重點: 實際操作本機資料庫 當Vue.js加入....

鐵人賽 Modern Web DAY 28
欸你是要進 Vue 了沒? 系列 第 28

技術 欸你是要進 Vue 了沒? - Day28:Vue 組件間的溝通方式之 Props、defineProps() 來自父組件の快遞請收下

對,是系列文!在 Vue 中,組件之間傳遞資料的機制有許多種,本系列主要介紹父、子組件之間的溝通,分別為:「父傳子:Props」&&「子傳父:E...

鐵人賽 JavaScript DAY 29

技術 Day 29: Vue 的不同渲染模式 - CSR、SSR和通用渲染模式

Vue可以用來構建單頁應用程式 (SPA),打包後的程式碼會完全在瀏覽器上執行,透過 JavaScript 生成 DOM 元素並交由瀏覽器進行呈現(Client...

鐵人賽 Modern Web DAY 27
欸你是要進 Vue 了沒? 系列 第 27

技術 欸你是要進 Vue 了沒? - Day27:Vue 組件基礎之 Component 的定義 && 使用 && 註冊

Hello 大家蠔,今天我們來學習 Vue 的核心概念:組件。 分別會帶到這些內容: 定義一個組件構建步驟定義的組件 - 單文件組件使用物件導出定義的組件...