Vue 3.2 defineProps 用法
閱讀時間約 1 分鐘
- 父元件
傳遞變數時須加上冒號
<template><Product :main_category_id="main_category_id" :sub_category_id="sub_category_id"/></template>
- 子元件
接收props用法如下
<script setup>const props = defineProps({main_category_id: String,sub_category_id: String});//props.main_category_id</script>
本筆記參考:
為什麼會看到廣告
21會員
161內容數
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
在 Vue 專案中使用 Apollo Graphql Client 從 API 獲取資料，由於資料結構較為複雜，筆者便跟著網路教學使用 codegen 工具自動化產生 TypeScript 型別定義。在某個元件中，需要使用 defineProps 來撰寫型別定義，結果⋯⋯
這篇文章記錄了如何在網頁中使用<iframe>或套件vue3-google-map來實現Google Map呈現，並在上面設置圖釘。兩種方法的優缺點也有相關的說明。想要在網頁上加入Google Map及設置圖釘的讀者可以參考這篇文章。
慢慢學習前端的知識，學著學著也學到框架了。現在是做UIUX，為了和前端溝通更方便才踏入這個領域，學習一點後還真的更方便了，聽他們講同步非同步或是router，大概懂在說什麼，也開始知道寫判斷式的麻煩XD
原本以為上完課就能直接轉職試試別條路，不料學習的路程不算順遂，動不動就卡關，知道的越多就越明白自
雖然距離上次Vue直播班課不到一年，但看到這次的課程有Pinia內容，手又不小心刷了魔法小卡(?
意識到自己的成長應該是可以輕鬆地串接API，畢竟去年也已經串到可以去烤串店了XD，就算是重新複習，還是可以從中獲得新的成長，而且發現到老師一年講的比一年還好，今年有很多觀念講得更清楚了！
可惜這次第六週
時間真的過得好快，從2022五月的體驗營開始，到後來的切版直播班、JS直播班，將近一年的時間，現在都要從Vue直播班畢業了！
最近在把 Tailwind CSS 加入我的技能樹中，其實像這種 Bootstrap, Tailwind CSS 都是很基本前端需要掌握的 CSS 相關工具
但是我其實對美工比較沒那麼大的興趣，我對功能、效能、安全比較感興趣，所以後端、架站、DevOps、一些安全防護玩了一圈，現在來加強我的排版功力
專案建好了，那先來講 Vue 的專案架構
詳細內容很多，所以我挑重點講
public
index.html
public/index.html 是 Vue 頁面的 entry point，進入一個 Vue 頁面會先進 public/index.html，再套用 App.vue，最後才是進入你寫的 .
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
在 Vue 專案中使用 Apollo Graphql Client 從 API 獲取資料，由於資料結構較為複雜，筆者便跟著網路教學使用 codegen 工具自動化產生 TypeScript 型別定義。在某個元件中，需要使用 defineProps 來撰寫型別定義，結果⋯⋯
這篇文章記錄了如何在網頁中使用<iframe>或套件vue3-google-map來實現Google Map呈現，並在上面設置圖釘。兩種方法的優缺點也有相關的說明。想要在網頁上加入Google Map及設置圖釘的讀者可以參考這篇文章。
慢慢學習前端的知識，學著學著也學到框架了。現在是做UIUX，為了和前端溝通更方便才踏入這個領域，學習一點後還真的更方便了，聽他們講同步非同步或是router，大概懂在說什麼，也開始知道寫判斷式的麻煩XD
原本以為上完課就能直接轉職試試別條路，不料學習的路程不算順遂，動不動就卡關，知道的越多就越明白自
雖然距離上次Vue直播班課不到一年，但看到這次的課程有Pinia內容，手又不小心刷了魔法小卡(?
意識到自己的成長應該是可以輕鬆地串接API，畢竟去年也已經串到可以去烤串店了XD，就算是重新複習，還是可以從中獲得新的成長，而且發現到老師一年講的比一年還好，今年有很多觀念講得更清楚了！
可惜這次第六週
時間真的過得好快，從2022五月的體驗營開始，到後來的切版直播班、JS直播班，將近一年的時間，現在都要從Vue直播班畢業了！
最近在把 Tailwind CSS 加入我的技能樹中，其實像這種 Bootstrap, Tailwind CSS 都是很基本前端需要掌握的 CSS 相關工具
但是我其實對美工比較沒那麼大的興趣，我對功能、效能、安全比較感興趣，所以後端、架站、DevOps、一些安全防護玩了一圈，現在來加強我的排版功力
專案建好了，那先來講 Vue 的專案架構
詳細內容很多，所以我挑重點講
public
index.html
public/index.html 是 Vue 頁面的 entry point，進入一個 Vue 頁面會先進 public/index.html，再套用 App.vue，最後才是進入你寫的 .