iT邦幫忙

vue3相關文章
共有 252 則文章
鐵人賽 自我挑戰組 DAY 28

技術 vue3 Composition API 學習手冊-28 打包與回顧

vue3 Composition API的文章寫到這邊,歷經了: 基礎介紹篇(v-for、v-on、v-bind...等等) 安裝vue-cli與基礎介紹 認...

鐵人賽 Modern Web DAY 18
全端成長之旅 系列 第 18

技術 Day.18 前端下一步

在前面幾天中我邊對照 Vue2 與 Vue3 的文件邊跟大家分享,希望有幫助到大家。 另外,前幾天也很巧地碰到了 Vue3 的第一個 release v3.0....

鐵人賽 Modern Web DAY 30
派對動物嗨起來! 系列 第 30

技術 D30 - 花絮和閒聊

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

鐵人賽 Modern Web DAY 16

技術 Day 16: 從 vuejs 原始碼看 v-on 修飾符串接

誰適合看這篇? 試問: @click.prevent.self 和 @click.self.prevent 的差別是什麼?...回答不出來的人,還有想即時打開...

鐵人賽 Modern Web

技術 【進階ノ章】Vitest UI

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 30

技術 【語法ノ章】Vue Ecosystem 篇:Vue Router 測試

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 28

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day28.Vue3 小補充 Magic ~

下面來介紹一下,Vue 3 的一些小小魔法(個人覺得很 Magic ~ 哈哈),有些是補充說明,有些可能會很少使用到,就連官方都有提醒 " 請謹慎使用...

鐵人賽 Modern Web DAY 28

技術 【語法ノ章】測試替身(Test Double)feat. Vitest Mocking API(Date, Timer)

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 10
全端成長之旅 系列 第 10

技術 Day.10 Vue3 介紹 Part 5

Event 重點新特性:多事件監聽者現在可以同時掛多個事件監聽者,如下: <button @click="one($event), two($e...

鐵人賽 Modern Web DAY 24

技術 Day 24: Before Pinia - 什麼是狀態(state)?為什麼需要狀態管理器?

前言 Vue 文件常常出現 "state" 這個單字,像是在 Reactivity Fundamentals 篇章中,會用 "st...

鐵人賽 Modern Web DAY 15

技術 【語法ノ章】斷言(Assertion)下篇: 替身、快照(Snapshot)與拋出錯誤

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 4

技術 [Day04] Vue i18n - Pluralization

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

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

技術 開箱13:圖片轉文字不專業版~Tesseract.js範例應用

本篇開箱Tesseract.js是能圖像中取得文字的工具 介紹 Tesseract.js 是一個 JavaScript 函式庫,它是基於 Google 的...

鐵人賽 Modern Web DAY 27
派對動物嗨起來! 系列 第 27

技術 D27 - 一人一隻才公平

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

鐵人賽 Vue.js DAY 2
試試用Vue建立網站吧 系列 第 2

技術 Day2-試試Vue3-建立vite專案

(1)建立 vite 專案透過命令提示字元以 npm 方式建立 vite 專案。 STEP1. 開啟命令提示字元視窗Windows 作業系統中點擊開始>搜...

鐵人賽 Modern Web DAY 15

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

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

鐵人賽 自我挑戰組 DAY 16

技術 vue3 Composition API 學習手冊-16 組件設計入門

如同「vue.js 學習手冊 框架的選擇與導入」這篇文章中提到的,我們使用框架能更方便地進行前後端分離式的開發;享受Virturl DOM提升頁面效能外;另外還...

鐵人賽 Modern Web DAY 30

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day30.Vue3 網頁小遊戲(完結篇) | ♾ 台版魷魚遊戲,玩?還是不玩?

終於~ 來到鐵人賽的最後一天啦今天的工作就是把小專題剩下的功能給完成,為這次的鐵人賽歡呼~ 完賽啦!!! 我的 vue 翻牌配對小遊戲 修改為按下卡牌後只將該卡...

鐵人賽 Modern Web DAY 25

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

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

鐵人賽 Modern Web DAY 26
派對動物嗨起來! 系列 第 26

技術 D26 - 遊戲機網頁取得搖桿控制訊號

本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...

鐵人賽 Modern Web DAY 12

技術 【語法ノ章】案例與情境:describe & it 與輔助 API

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 23

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

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

鐵人賽 Modern Web DAY 7

技術 【概念ノ章】測試脈絡-1. 決定測試類型

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 5

技術 【概念ノ章】測試價值:為什麼我需要測試

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 19

技術 【語法ノ章】元件測試:容器方法(Wrapper methods)-選擇器與陷阱

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web

技術 【進階ノ章】寫測試的最佳實踐(Testing Best Practice)

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 14

技術 [Day14] Storybook - Colors & Typography

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

鐵人賽 Modern Web DAY 6

技術 【概念ノ章】測試價值:加入測試的時機

本系列文已重新編排並新增內容出版成冊,若您喜歡透過書籍來閱讀的話,歡迎至天瓏書局下單選購唷! ShawnL - Vue.js 3前端測試入門從這裡開始...

鐵人賽 Modern Web DAY 29

技術 [前端暴龍機,Vue2.x 進化 Vue3 ] Day29.Vue3 網頁小遊戲(一) | ♾ 台版魷魚遊戲,玩?還是不玩?

免責聲明:最近跟著中了"魷魚遊戲"的毒,哈哈哈這個遊戲,相信大多數的人都有玩過~不過,我們的遊戲沒有大筆獎金,也不需要打打殺殺 XD 所以...

技術 Vue3 問題請益(救救我這塊燒壞的腦袋...)

想請教各位大神小弟剛入門前端 正在外面進修相關的前端課程 目前碰過的東西只有HTML、CSS、Javascript以及淺淺的Vue3最近上到Vue3遇到許多問...