擁抱 Vue 3 系列之 JSX 語法

{"type":"doc","content":[{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"寫在前面"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"這是該系列文章的第一篇，後續會持續更新，覆蓋 Vue 3 生態常用庫。JSX 是一個小衆羣體使用開發方式，第一篇以  JSX 爲切入點，目標是讓大多數開發 Vue 的同學也對 JSX 有一定的認知，在用 Vue 開發複雜應用時，也能有更加靈活的方式。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"比如當開始寫一個只能通過 "},{"type":"codeinline","content":[{"type":"text","text":"level"}]},{"type":"text","text":" prop 動態生成標題 (heading) 的組件時，你可能很快想到這樣實現："}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"codeblock","attrs":{"lang":"html"},"content":[{"type":"text","text":"