vue
#
vue
含有「vue」共 28 篇內容
全部內容
發佈日期由新至舊
Vue 泛型元件,讓 TypeScript 更精確
大家好,我是鱈魚。(^∀^●)ノシ Vue 3.3 終於新增了泛型元件(Generic Component),這讓我們可以在 TypeScript 環境中得到更準確的型別提示。( •̀ ω •́ )✧ 讓我們一起來看看吧!
2024-05-05
4
#
vue
#
程式
#
TypeScript
其實你不一定要在 onMounted 取 API
大家好,我是鱈魚。(。・∀・)ノ゙ 最近看到大家討論取得 API 時機,有許多人都提到「一定要」或者「習慣」,在 onMounted 這個 hook 內呼叫 API 取得資料。 其實這也沒不好,但是也沒什麼好處就是了。(。・ω・。)
2024-05-05
2
#
vue
#
API
#
程式
Vue 3 script setup defineProps 的坑
在 Vue 專案中使用 Apollo Graphql Client 從 API 獲取資料,由於資料結構較為複雜,筆者便跟著網路教學使用 codegen 工具自動化產生 TypeScript 型別定義。在某個元件中,需要使用 defineProps 來撰寫型別定義,結果⋯⋯
2024-05-01
1
#
GraphQL
#
vue
#
前端
如何強制登出閒置網頁的使用者
為什麼要登出使用者? 安全性:防止未經授權的人,在使用者暫離時使用系統,這在公用或共享電腦的環境中尤其重要。 資料保護:只要使用者處於登入狀態,就會暴露在個人資料被他人操縱或利用的風險中,因此登出閒置使用者對資安也很重要。 如何在 Vue 3 專案中實作此功能?
2024-04-28
3
#
前端
#
軟體開發
#
瀏覽器
Vue 泛型元件,讓 TypeScript 更精確
大家好,我是鱈魚。(^∀^●)ノシ Vue 3.3 終於新增了泛型元件(Generic Component),這讓我們可以在 TypeScript 環境中得到更準確的型別提示。( •̀ ω •́ )✧ 讓我們一起來看看吧!
2024-04-17
8
#
vue
#
TypeScript
#
泛型
其實你不一定要在 onMounted 取 API
大家好,我是鱈魚。(。・∀・)ノ゙ 最近看到大家討論取得 API 時機,有許多人都提到「一定要」或者「習慣」,在 onMounted 這個 hook 內呼叫 API 取得資料。 其實這也沒不好,但是也沒什麼好處就是了。(。・ω・。)
2024-04-10
7
#
vue
#
API
#
程式
Vue 程式札記 : emit 事件發射
組件之間的通信是 Vue 應用開發中的一個重要方面。Vue 提供了一種名為事件發射(emit)的機制,讓子組件能夠向父組件發送消息。本文將介紹 Vue 中的事件發射(emit)機制,並通過實際範例演示其用法。
2024-03-27
7
#
vue
#
前端
#
網頁
Vue 程式札記 : Props 組件傳遞資料
在 Vue 中,組件是構建應用程式的基本單位,而 props 是組件間傳遞資料的主要方式之一,本文將介紹 Vue 中的 props,並通過實際範例展示如何使用 props 實現組件間的資料傳遞。
2024-03-21
7
#
vue
#
程式設計
#
程式
Vue 程式札記 : 指令 v-bind
v-bind 指令是最常用的指令之一,它用於將資料綁定到 HTML 屬性。本文將介v-bindnd指令的使用方法,並透過實際範例幫助你理解v-bindbind 指令。
2024-03-15
6
#
vue
#
程式
#
程式設計
Vue 程式札記 : 指令 v-model
v-model 指令是 Vue 中一個非常重要的功能,它實現了表單輸入和應用狀態之間的雙向綁定。本文將介紹如何使用 v-model 指令。
2024-03-11
7
#
vue
#
網頁
#
網頁設計