Starter · code-edit

prop type、default、required

先看見缺口，再完成一個小修改。

Starter 要做什麼

先看見缺口，再完成一個小修改。

本主題檔案：files/main.js

定位：先讀元件 props object，不先從最終文字猜契約。

頁面不會替你修改檔案；請在實作檔完成後重新整理確認。

兩個元件實例尚未解析輸入與預設值。

requiredDeclared=true、typeDeclared=true、explicitPrice=1200、defaultPrice=洽詢。

props:{title:{type:String,required:true},price:{type:[Number,String],default:'洽詢'}}。

只在本階段資料夾內操作，避免改到其他章節。

index.html
Vue DOM template：提供唯一 #app、service-list、兩階段綁定與 aria-live status。
style.css
呈現層：控制卡片、button、focus、status 與 360px 窄版可讀性。
main.js
Vue 行為：在 createApp 外宣告 ServiceCard，註冊後由 props、emits 與 parent handler 串起資料流。

證據：requiredDeclared/typeDeclared=true、explicitPrice=1200、defaultPrice=洽詢