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 在 vue 檔案以外的地方使用 vue-i18n

[筆記] Vue3 在 vue 檔案以外的地方使用 vue-i18n

Posted on2024-09-122024-08-21

Vue3 的 vue-18n 若要在 .vue 的以外部分來執行,是不可使用 composable 方法來取得的,而是要從原始的 i18n Instance 來 Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagsvue, vue-i18n, vue3

[筆記] Tailwind CSS Safelist 設定

[筆記] Tailwind CSS Safelist 設定

Posted on2024-07-252024-07-04

這邊筆記下若用 Vue3 搭配 TailwindCSS 使用時,若用動態傳值來指定的 class – 像是顏色代碼,那你會發現沒有作用。因為 Tai Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagsCSS, safelist, Tailwindcss, vue, vue3

[筆記] 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-69d021cc34e5402 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

Post navigation

← Older posts
Newer posts →

Google 站內搜尋

GA4瀏覽人氣

  • 線上人數:3
  • 昨日人氣:445
  • 本月人氣:47,900
  • 上月人氣:41,222
  • 本年人氣:339,495
  • 累積人氣:2,195,486

GA4熱門文章

  • [指南] 國際電話撥打、接聽是否收費?簡易規則講解
    [指南] 國際電話撥打、接聽是否收費?簡易規則講解(瀏覽:73,987)
  • [筆記] 解決 Windows 10 以後版本的中文無法正常輸入 IME 已停用問題
    [筆記] 解決 Windows 10 以後版本的中文無法正常輸入 IME 已停用問題(瀏覽:42,916)
  • [指南] Charles Schwab 嘉信理財 W-8BEN 表格更新 2021
    [指南] Charles Schwab 嘉信理財 W-8BEN 表格更新 2021(瀏覽:12,296)
  • [指南] 台灣麻將 規則整理既介紹
    [指南] 台灣麻將 規則整理既介紹(瀏覽:10,570)
  • [金融] 日本手機號碼應用之一 – 旅人可申請的 ANA Pay
    [金融] 日本手機號碼應用之一 – 旅人可申請的 ANA Pay(瀏覽:5,985)
  • [指南] Windows 更改預設顯示器 若選項無法選取該怎麼辦
    [指南] Windows 更改預設顯示器 若選項無法選取該怎麼辦(瀏覽:5,469)
  • [指南] 台灣境內銀行 外幣帳戶轉帳 究竟要不要手續費
    [指南] 台灣境內銀行 外幣帳戶轉帳 究竟要不要手續費(瀏覽:4,996)
  • [指南] Charles Schwab 嘉信綁定 Wise 帳戶 – 2024
    [指南] Charles Schwab 嘉信綁定 Wise 帳戶 – 2024(瀏覽:4,982)




好站推薦

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

CC授權標示

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

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

分類

Copyright © 2026 地瓜大的飛翔旅程. 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部落格搬家技術服務