iT邦幫忙

vue3相關文章
共有 252 則文章
0 Like 0 留言 6373 瀏覽
鐵人賽 Modern Web DAY 27
前端暴龍機，Vue2.x 進化 Vue3 系列 第 27 篇

技術 [前端暴龍機，Vue2.x 進化 Vue3 ] Day27. Vue3 ref & reactive 小練習

說了那麼多，感覺還是有點模糊~ 沒關係，我可能也差不多 ( 哈哈 所以還是透過實作練習，讓自己更了解，看見那更明朗的天空吧 目標 : 透過串接 API 接收取到...

gior__ann ‧ 2021-10-06 ‧團隊請付費解鎖團隊名稱
0 Like 0 留言 2428 瀏覽
鐵人賽 Modern Web DAY 21
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 21 篇

技術 [Day21] Vue 3 單元測試 (Unit Testing) - Props & Computed

Props 與 Computed 是開發元件最常使用的屬性，下面的範例是一個運用 Props 與 Computed 的簡單例子。 import { ref, c...

Mia Yang ‧ 2021-10-06 ‧團隊Outcome First 2.0
2 Like 0 留言 1954 瀏覽
鐵人賽 Modern Web DAY 20
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 20 篇

技術 [Day20] Vue 3 單元測試 (Unit Testing) - Form Elements Handling

幾乎每個網站都會使用到表單元素 (Form Elements)，例如登入頁、註冊頁就有非常多個輸入框(<input>)在其中，又或者是網站的 hea...

Mia Yang ‧ 2021-10-05 ‧團隊Outcome First 2.0
0 Like 0 留言 1940 瀏覽
鐵人賽 Modern Web DAY 26
前端暴龍機，Vue2.x 進化 Vue3 系列 第 26 篇

技術 [前端暴龍機，Vue2.x 進化 Vue3 ] Day26. Vue3 Composition API 使用(二)

前一篇說到 該怎麼寫 data 的資料，找回雙向綁定機制 !!!這邊先小小的補充一下 XD 在 Options API 我們 data 裡定義到的東西都可以被...

gior__ann ‧ 2021-10-05 ‧團隊請付費解鎖團隊名稱
0 Like 0 留言 1316 瀏覽
鐵人賽 Modern Web DAY 25
前端暴龍機，Vue2.x 進化 Vue3 系列 第 25 篇

技術 [前端暴龍機，Vue2.x 進化 Vue3 ] Day25. Vue3 Composition API 使用(一)

在 Composition API 當中我們可以將響應式資料和相關業務邏輯結合到一起，是因為 Vue3 的 setup 方法 setup setup 是 V...

gior__ann ‧ 2021-10-04 ‧團隊請付費解鎖團隊名稱
2 Like 0 留言 2648 瀏覽
鐵人賽 Modern Web DAY 19
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 19 篇

技術 [Day19] Vue 3 單元測試 (Unit Testing) - Event Handling

Event Handling 在開發元件時一定少不了會需要觸發事件的時候，像是 click 事件、input 事件等等，所以我來用簡單的 Counter 來示範...

Mia Yang ‧ 2021-10-04 ‧團隊Outcome First 2.0
0 Like 0 留言 1172 瀏覽
鐵人賽 Modern Web DAY 24
前端暴龍機，Vue2.x 進化 Vue3 系列 第 24 篇

技術 [前端暴龍機，Vue2.x 進化 Vue3 ] Day24.Vue3 Options API & Composition API 介紹

在 Vue3 中我們可以使用 Options API 或是 Composition API 選擇一種方式來撰寫，下面來看看甚麼是 Options API ? 甚...

gior__ann ‧ 2021-10-03 ‧團隊請付費解鎖團隊名稱
1 Like 1 留言 2474 瀏覽
鐵人賽 Modern Web DAY 18
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 18 篇

技術 [Day18] Vue 3 單元測試 (Unit Testing) - Conditional rendering & Elements visibility

Conditional Rendering 在寫元件時最常見的就是會使用 v-if 來動態插入和刪除元素，我們馬上來看看下面的範例程式。 const Compo...

Mia Yang ‧ 2021-10-03 ‧團隊Outcome First 2.0
0 Like 0 留言 1300 瀏覽
鐵人賽 Modern Web DAY 23
前端暴龍機，Vue2.x 進化 Vue3 系列 第 23 篇

技術 [前端暴龍機，Vue2.x 進化 Vue3 ] Day23.正式進化-Vue3 起手式

ゴキゲンな蝶になってきらめく風に乗って今すぐキミに会いに行こう余計な事なんて忘れた方がマシさ .... Vue2.x 進化 回憶起當時的數碼寶貝經典...

gior__ann ‧ 2021-10-02 ‧團隊請付費解鎖團隊名稱
1 Like 0 留言 6001 瀏覽
鐵人賽 Modern Web DAY 17
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 17 篇

技術 [Day17] Vue 3 單元測試 (Unit Testing) - Vue Test Utils + Jest 基本範例 & 核心語法

在開始進入複雜的內容之前，我想先帶大家認識幾個會大量出現在每一個測試程式碼裡的核心語法，這些語法如果不了解的話可能就沒辦法看懂之後的測試程式碼，所以我們趕快開始...

Mia Yang ‧ 2021-10-02 ‧團隊Outcome First 2.0
2 Like 0 留言 6667 瀏覽
鐵人賽 Modern Web DAY 16
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 16 篇

技術 [Day16] Vue 3 單元測試 (Unit Testing) - Vue Test Utils + Jest 基本介紹 & 安裝

什麼是單元測試？ 單元測試 (Unit Testing) 是針對程式碼的最小單位來進行正確性檢驗的測試工作，並確保程式碼不會在迭代維護的過程中出現 Bug，通過...

Mia Yang ‧ 2021-10-01 ‧團隊Outcome First 2.0
1 Like 1 留言 1337 瀏覽
鐵人賽 Modern Web DAY 15
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 15 篇

技術 [Day15] Storybook - Publish Storybook (Static web application & Chromatic)

我們透過前幾天介紹的所有內容 Storybook - 基本介紹 & 安裝 Storybook - What's a story and how...

Mia Yang ‧ 2021-09-30 ‧團隊Outcome First 2.0
0 Like 0 留言 10670 瀏覽
鐵人賽 Modern Web DAY 17
前端黑洞計畫 (一) : 讓 Vite 來開啟你的Vue 系列 第 17 篇

技術 Day_17 : 讓 Vite 來開啟你的Vue 之 取得 模板元素 ref

Hi Dai Gei Ho~ 我是Winnie～ 突然想來說說：其實這篇應該要與上篇的 資料定義 ref 一起的，會拉出成為一篇的主要原因是因為當時自己對Vu...

Winnie Wu ‧ 2021-09-29
1 Like 2 留言 1231 瀏覽
鐵人賽 Modern Web DAY 14
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 14 篇

技術 [Day14] Storybook - Colors & Typography

Storybook 除了可以為元件攥寫 Story 以外，也可以攥寫純內容的說明文件，不過純內容的說明文件只能使用上一篇所介紹的 MDX 格式，所以如果還太不熟...

Mia Yang ‧ 2021-09-29 ‧團隊Outcome First 2.0
1 Like 1 留言 1588 瀏覽
鐵人賽 Modern Web DAY 13
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 13 篇

技術 [Day13] Storybook - MDX

MDX 是 Storybook 提供的另一種攥寫文件的格式，MDX 結合了 Markdown 和 JSX 的標准文件格式，使我們可以用一些 Markdown 語...

Mia Yang ‧ 2021-09-28 ‧團隊Outcome First 2.0
1 Like 2 留言 1566 瀏覽
鐵人賽 Modern Web DAY 12
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 12 篇

技術 [Day12] Storybook - Writing Docs

DocsPage DocsPage 是由 Storybook Docs 所提供的頁面，無需任何的設定自動就會從 Stories 和元件中的 props, emi...

Mia Yang ‧ 2021-09-27 ‧團隊Outcome First 2.0
1 Like 0 留言 1662 瀏覽
鐵人賽 Modern Web DAY 11
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 11 篇

技術 [Day11] Storybook - Controls

Storybook 有一個很強大的輔具工具 Controls ，它提供一個 GUI 介面讓我們可以即時的調整元件的參數，必且會立即在 Canvas 中改變元件的...

Mia Yang ‧ 2021-09-26 ‧團隊Outcome First 2.0
0 Like 1 留言 1637 瀏覽
鐵人賽 Modern Web DAY 10
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 10 篇

技術 [Day10] Storybook - Configure story rendering

在 Storybook - 基本介紹 & 安裝 有提到 .storybook/preview.js 這支 js 檔是用來控制 Story 呈現的方式，它...

Mia Yang ‧ 2021-09-25 ‧團隊Outcome First 2.0
1 Like 0 留言 3260 瀏覽
鐵人賽 Modern Web DAY 12
前端黑洞計畫 (一) : 讓 Vite 來開啟你的Vue 系列 第 12 篇

技術 Day_12 : 讓 Vite 來開啟你的Vue 之 來!開始你的 Vue 3

Hi Dai Gei Ho~ 我是Winnie～ 進入Vue章節前的 溫腥提醒：在之後的文章中，預計不會針對 Vue 的基本使用做深入的講解(如:v-mode...

Winnie Wu ‧ 2021-09-24
0 Like 1 留言 1800 瀏覽
鐵人賽 Modern Web DAY 9
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 9 篇

技術 [Day09] Storybook - What's a story and how to write

Story 是元件呈現狀態的描述，開發者可以為每個元件攥寫多個 Story，也就是說元件可能會因為不同的參數組合而有不同的樣貌，而我們可以透過定義 Story...

Mia Yang ‧ 2021-09-24 ‧團隊Outcome First 2.0
1 Like 2 留言 3290 瀏覽
鐵人賽 Modern Web DAY 8
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 8 篇

技術 [Day08] Storybook - 基本介紹 & 安裝

Credit: https://www.behance.net/gallery/35988339/Style-guide-e-commerce-web-app...

Mia Yang ‧ 2021-09-23 ‧團隊Outcome First 2.0
0 Like 1 留言 3084 瀏覽
鐵人賽 Modern Web DAY 7
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 7 篇

技術 [Day07] Vue i18n - Datetime Formatting

在本地化 (localize) 專案時，我們可能會遇到需要處理日期時間顯示的問題，因為日期時間的顯示方式可能會因為每個國家而有所不同，例如： <p>...

Mia Yang ‧ 2021-09-22 ‧團隊Outcome First 2.0
0 Like 2 留言 2669 瀏覽
鐵人賽 Modern Web DAY 6
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 6 篇

技術 [Day06] Vue i18n - Number Formatting (Currency 貨幣)

在本地化 (localize) 專案時，我們可能會遇到需要處理金錢、價錢等貨幣的問題，在顯示價錢時我們會需要依據當前的語系顯示相對應的貨幣符號 ，例如： &lt...

Mia Yang ‧ 2021-09-21 ‧團隊Outcome First 2.0
0 Like 0 留言 1763 瀏覽
鐵人賽 Modern Web DAY 5
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 5 篇

技術 [Day05] Vue i18n - Component Interpolation

在本地化 (localize) 文字訊息時，我們可能會遇到需要特別處理 HTML tag的情況，什麼意思呢？我們來看一下上圖紅框中的句子的 HTML 結構。...

Mia Yang ‧ 2021-09-20 ‧團隊Outcome First 2.0
0 Like 1 留言 1380 瀏覽
鐵人賽 Modern Web DAY 4
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 4 篇

技術 [Day04] Vue i18n - Pluralization

在本地化 (localize) 文字訊息時，我們可能會遇到某些語言會有複數型態的狀況 (最常見的就是英文)，雖然我們可以透過個別定義 key value 的方式...

Mia Yang ‧ 2021-09-19 ‧團隊Outcome First 2.0
0 Like 1 留言 2071 瀏覽
鐵人賽 Modern Web DAY 3
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 3 篇

技術 [Day03] Vue i18n - Message Format Syntax

紅框中的句子 Welcome to Your Vue.js App 如果我們想要將其中的 Vue.js 變成隨時可以替換時該怎麼辦？ 上一篇我們介紹的基礎用法...

Mia Yang ‧ 2021-09-18 ‧團隊Outcome First 2.0
2 Like 2 留言 10761 瀏覽
鐵人賽 Modern Web DAY 2
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 2 篇

技術 [Day02] Vue i18n - 導入 & 基礎用法

i18n 全寫為 internationalization，俗稱的多國語系也常被稱之為本地化 (Localization)。 隨著現在網路的發達和資訊的流通...

Mia Yang ‧ 2021-09-17 ‧團隊Outcome First 2.0
2 Like 2 留言 1817 瀏覽
鐵人賽 Modern Web DAY 1
前端工程師在工作中的各種實戰技能 (Vue 3) 系列 第 1 篇

技術 [Day01] 前言：常見的前端實戰技能有哪些？

Credit: https://lilly021.com/angular-vs-react-vs-vue-js/ 身為一個前端工程師，除了框架 (Vue, R...

Mia Yang ‧ 2021-09-16 ‧團隊Outcome First 2.0
2 Like 3 留言 4298 瀏覽
鐵人賽 Modern Web DAY 1
前端黑洞計畫 (一) : 讓 Vite 來開啟你的Vue 系列 第 1 篇

技術 Day_01: 讓 Vite 來開啟你的Vue 前言

Hi Da Gei Ho～ 初次見面，我是Winnie～ 我是一位剛轉職六個月的菜鳥前端(前身是網頁設計師)，如果對於我的轉職的過程有一絲好奇的朋友的可以看看...

Winnie Wu ‧ 2021-09-13
0 Like 2 留言 2428 瀏覽
鐵人賽 自我挑戰組 DAY 30
網頁前端框架 Vue 3 從頭開始（重新挑戰） 系列 第 30 篇

技術 vue3 Composition API 學習手冊-30 實戰API練習

前面文章提到許多前、後端分離的開發方式，也模擬過很多次資料來自於外部（json）的開發，今天跟大家介紹一個網站，能讓我們真正模擬網頁資料來自於後端工程師所提供A...

史坦利 ‧ 2020-10-12
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙