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>
本筆記參考:
為什麼會看到廣告
20會員
161Content count
留言0
查看全部
你可能也想看
1.加權指數與櫃買指數
週五的加權指數在非農就業數據開出來後，雖稍微低於預期，但指數仍向上噴出，在美股開盤後於21500形成一個爆量假突破後急轉直下，就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後，週二或週三開始有無買單進場支撐，在沒有明確的反轉訊號形成前，小夥伴盡量不要貿然抄底，或是追空
重點摘要：
1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息
2.SEP 上修失業率預期，但快速的降息速率將有助失業率觸頂
3.未來幾個月經濟數據將繼續轉弱，經濟復甦的時點或是 1Q25 季底附近
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎？
新版式整體視覺上「更加凸顯圖片」，為了搭配這次的更新，我們推出首次貼文策展 ❤️
使用貼文功能並完成這次的指定任務，還有機會獲得富士即可拍，讓你的美好回憶都可以用即可拍珍藏！
在 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，最後才是進入你寫的 .
1.加權指數與櫃買指數
週五的加權指數在非農就業數據開出來後，雖稍微低於預期，但指數仍向上噴出，在美股開盤後於21500形成一個爆量假突破後急轉直下，就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後，週二或週三開始有無買單進場支撐，在沒有明確的反轉訊號形成前，小夥伴盡量不要貿然抄底，或是追空
重點摘要：
1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息
2.SEP 上修失業率預期，但快速的降息速率將有助失業率觸頂
3.未來幾個月經濟數據將繼續轉弱，經濟復甦的時點或是 1Q25 季底附近
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎？
新版式整體視覺上「更加凸顯圖片」，為了搭配這次的更新，我們推出首次貼文策展 ❤️
使用貼文功能並完成這次的指定任務，還有機會獲得富士即可拍，讓你的美好回憶都可以用即可拍珍藏！
在 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，最後才是進入你寫的 .