Menu
official logo 75*75

地瓜大的飛翔旅程

點數旅行 留學 信用卡 程式學習

Menu
Facebook Twitter Feed GitHub LinkedIn YouTube Instagram

Primary Menu

Skip to content
  • 熱門文章目錄 Popular Posts
  • 懶人包 Dummies
    • 二日遊系列 Two-day Trip
    • 機場貴賓室 Airport lounge
    • 飛行體驗 Flight
    • 飛行過夜包 Amenity Kit
    • 英國留學 Study In UK
    • 獎勵機票兌換實戰 Redeem Flight Awards
    • 美國嘉信 CharlesSchwab
    • 美國匯豐 HSBC US
    • 美國德美利 TD Ameritrade
    • 英國匯豐 HSBC UK
    • 香港匯豐 HSBC HK
  • 工程師之路 Learning Programming
  • 關於作者 About
    • Impressum
    • Privacy Policy
Search

Secondary Menu

Skip to content
  • 旅店 Hotel
  • 亞洲 Asia
    • 日本 Japan
    • 台灣 Taiwan
    • 泰國 Thailand
  • 歐洲 Europe
    • 德國 Deutschland
    • 法國 France
    • 匈牙利 Hungary
    • 冰島 Iceland
    • 捷克 Czech Republic
    • 義大利 Italy
    • 西班牙 Spain
    • 英國 United Kingdom
    • 歐洲其他國家 Other European Countries
  • 美洲 America
  • 指南 Guide
    • 語言學習 Language Learning
    • 科技 Technology
    • 投資 Investment
    • 證書 Certificate
  • 食記 Food
  • 雜學 Trivia
    • 日記 Diary
    • 電影 Movie
    • 點數 Points
    • 開箱 Unboxing

標籤: vue

[筆記] Vue3 onMounted 無法獲得 DOM 的原因和解法

[筆記] Vue3 onMounted 無法獲得 DOM 的原因和解法

Posted on2024-07-172024-06-27

在 Vue3 中整合原生的 JavaScript 套件如 Swiper,遇上了 onMounted 無法獲取 DOM 的情況。這邊筆記下成因和解決方法。 內容 Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagsdom, onMounted, onUpdated, vif, vshow, vue, vue3

[筆記] Vue3 元件更新 Component Update

[筆記] Vue3 元件更新 Component Update

Posted on2024-04-272024-04-08

筆記一下 Vue3 開發時,必備的一些讓元件自動或是手動觸發更新的技巧。 內容 自動更新 1. 使用 watch [crayon-68c5be0917df661 Read More …

Categories程式語言 Programming Language, 筆記 NotesTagsvue, vue3

[筆記] Vue3 Teleport Drawer 抽屜實作心得

[筆記] Vue3 Teleport Drawer 抽屜實作心得

Posted on2024-01-232024-01-04

React 中可用 Portal 將 React 的內容掛到預設的根節點以外的地方,在處理彈出視窗、抽屜、下拉選單…等用途上非常好用。Vue3 的 Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagsDrawer, Portal, React, Teleport, Unocss, vue, vue3, 抽屜效果

[指南] 用 Vite 開發一個 NPM 套件 ( 以 Parse Localized Number 為例 )

[指南] 用 Vite 開發一個 NPM 套件 ( 以 Parse Localized Number 為例 )

Posted on2023-10-142023-09-05

過往有寫篇 [指南] 用 Vue-SFC-Rollup 在 NPM 發佈你的第一個 Vue 套件 後,一晃也兩年過去。Vite 的橫空出世,讓開發一個 npm Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagsnpm, package, rollup, Vite, vue, vuesfc

[筆記] React 撰寫元件時 如何保留留下客製化區塊 ( Vue )

[筆記] React 撰寫元件時 如何保留留下客製化區塊 ( Vue )

Posted on2023-10-092023-09-01

Vue 的世界中常見的 slot,是撰寫元件時保留給外部客製化的一塊相當方便的功能。這功能在 React 中,元件內部接受一個 renderFunction,當 Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagsReact, vue

[筆記] React 與 Vue 的實作思維轉換筆記

[筆記] React 與 Vue 的實作思維轉換筆記

Posted on2023-10-032023-09-19

身為一個 Vue 的長期用戶,在轉換 React 的寫法時有一些思維模式的對照會需要釐清。這邊筆記下相關內容。 內容 1. v-for 語法會用 JavaScr Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagsReact, vue

[筆記] Jest 測試 – 取得 transition-group 的內容

[筆記] Jest 測試 – 取得 transition-group 的內容

Posted on2023-08-212023-08-01

撰寫 Vue 的測試時,遇上要取得用 transition-group 包裹的內容。這邊筆記下取得的方式。 內容 由於動畫效果是需要計時的,所以要善用 Jest Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagsUnit Test, vue, vue3

[筆記] Element Plus 搭配 Vue-i18n 且符合 TypeScript 檢查的寫法總結

[筆記] Element Plus 搭配 Vue-i18n 且符合 TypeScript 檢查的寫法總結

Posted on2023-08-142023-07-28

近期在自行二次封裝 Element UI 的表格時,遇上了 TypeScript 檢查和 Vue-18n 功能要能夠同時通過的情形。這邊筆記下可用的解法。 內容 Read More …

Categories筆記 Notes, 網頁開發 Web DevelopmentTagsElement Plus, element ui vs element plus, vue

[筆記] Vue3 Element UI 撰寫單元測試實作 – 以 el-form 為例

[筆記] Vue3 Element UI 撰寫單元測試實作 – 以 el-form 為例

Posted on2023-08-082023-07-19

對 Element-Plus 的套件進行二次封裝後,撰寫 Unit Test 來讓元件的可靠性提昇是個不錯的作法。這邊筆記下撰寫封裝第三方套件的 Unit Te Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagselement ui vue3, Jest, Unit Test, vue, vue 3 element ui, vue 3 ui, vue3, vue3 $el, vue3 element, vue3 ui

Post navigation

← Older posts
Newer posts →

Google 站內搜尋

GA4瀏覽人氣

  • 線上人數:0
  • 昨日人氣:612
  • 本月人氣:47,900
  • 上月人氣:22,213
  • 本年人氣:339,495
  • 累積人氣:2,030,769

GA4熱門文章

  • [指南] 國際電話撥打、接聽是否收費?簡易規則講解
    [指南] 國際電話撥打、接聽是否收費?簡易規則講解(瀏覽:64,349)
  • [筆記] 解決 Windows 10 以後版本的中文無法正常輸入 IME 已停用問題
    [筆記] 解決 Windows 10 以後版本的中文無法正常輸入 IME 已停用問題(瀏覽:39,518)
  • [指南] Charles Schwab 嘉信理財 W-8BEN 表格更新 2021
    [指南] Charles Schwab 嘉信理財 W-8BEN 表格更新 2021(瀏覽:11,979)
  • [指南] 台灣麻將 規則整理既介紹
    [指南] 台灣麻將 規則整理既介紹(瀏覽:10,342)
  • [指南] Windows 更改預設顯示器 若選項無法選取該怎麼辦
    [指南] Windows 更改預設顯示器 若選項無法選取該怎麼辦(瀏覽:5,063)
  • [指南] 台灣境內銀行 外幣帳戶轉帳 究竟要不要手續費
    [指南] 台灣境內銀行 外幣帳戶轉帳 究竟要不要手續費(瀏覽:4,853)
  • [金融] 日本手機號碼應用之一 – 旅人可申請的 ANA Pay
    [金融] 日本手機號碼應用之一 – 旅人可申請的 ANA Pay(瀏覽:4,830)
  • [指南] 日本實體手機門號 可海外收簡訊 190PadSIM 申請
    [指南] 日本實體手機門號 可海外收簡訊 190PadSIM 申請(瀏覽:4,344)




Google 熱門關鍵字

  • 在國外接電話要錢嗎(1416/7780/4.2)
  • 國外接電話要錢嗎(802/2131/2.3)
  • 人在國外接電話(485/1634/2.8)
  • 國際電話誰付錢(485/2134/2.6)
  • 國外接電話(452/2258/5.0)
  • 在國外接電話費用(440/2696/5.0)
  • traditional chinese ime is not ready yet解決方法(435/1743/4.6)
  • 在國外接電話(431/1543/3.9)
  • traditional chinese ime is not ready yet(421/3452/11.3)
  • ana pay 教學(383/2585/6.0)
  • 國際電話 誰付費(337/1139/2.4)
  • 接國際電話(290/1042/3.2)
  • 接國際電話要錢嗎(271/6800/6.3)
  • t card開卡(267/712/2.3)
  • ana pay(235/6468/8.9)
  • 國外接電話 費用(217/1084/5.3)
  • 接聽國際電話(198/488/1.4)
  • 接國外電話要付錢嗎(191/4694/4.8)
  • 維珍航空註冊教學(187/384/2.2)
  • br71(177/18392/8.4)
  • ana pay申請教學(170/747/5.3)
  • ime已停用(166/11358/8.6)
  • ime is not ready yet解決方法(156/432/3.9)
  • 國際電話 誰付錢(140/438/2.5)
  • 接國際電話要付費嗎(139/2773/5.8)
  • 國際電話 付費(137/367/2.7)
  • 國外 接電話(127/527/6.2)
  • 國際電話誰付費(125/422/2.4)
  • traditional chinese ime is not ready yet 解決(119/338/3.8)
  • rimowa吊牌刻字(113/520/3.6)

好站推薦

優雅筆寄
網站狂人
嘿!部落!

CC授權標示

創用 CC 授權條款
本著作係採用創用 CC 姓名標示-相同方式分享 4.0 國際 授權條款授權.

Written-By-Human-Not-By-AI-Badge-white@2x.png

分類

Copyright © 2025 地瓜大的飛翔旅程. All Rights Reserved. 隱私權政策 | Catch Responsive by Catch Themes
  • 熱門文章目錄 Popular Posts
  • 懶人包 Dummies
    • 二日遊系列 Two-day Trip
    • 機場貴賓室 Airport lounge
    • 飛行體驗 Flight
    • 飛行過夜包 Amenity Kit
    • 英國留學 Study In UK
    • 獎勵機票兌換實戰 Redeem Flight Awards
    • 美國嘉信 CharlesSchwab
    • 美國匯豐 HSBC US
    • 美國德美利 TD Ameritrade
    • 英國匯豐 HSBC UK
    • 香港匯豐 HSBC HK
  • 工程師之路 Learning Programming
  • 關於作者 About
    • Impressum
    • Privacy Policy
  • 旅店 Hotel
  • 亞洲 Asia
    • 日本 Japan
    • 台灣 Taiwan
    • 泰國 Thailand
  • 歐洲 Europe
    • 德國 Deutschland
    • 法國 France
    • 匈牙利 Hungary
    • 冰島 Iceland
    • 捷克 Czech Republic
    • 義大利 Italy
    • 西班牙 Spain
    • 英國 United Kingdom
    • 歐洲其他國家 Other European Countries
  • 美洲 America
  • 指南 Guide
    • 語言學習 Language Learning
    • 科技 Technology
    • 投資 Investment
    • 證書 Certificate
  • 食記 Food
  • 雜學 Trivia
    • 日記 Diary
    • 電影 Movie
    • 點數 Points
    • 開箱 Unboxing
  • facebook
  • Instagram
  • 站長嚴選推薦
  • GOTOP
Blogimove部落格搬家技術服務