[4] Vue 頁面結構
在寫頁面之前，先來介紹 Vue 頁面結構。
首先先在 src/components 底下建立一個 home.vue
跟寫一個 html 頁面很像，一樣是分成 寫網頁內容、script、style，三個部分，只是 html 標籤換成了 template。
template
就是相當於原生 html 檔內 html 標籤的部分，我是習慣下一個最外層的 div 去控制整個頁面的樣式。
script
要使用 typescript，所以設定 lang="ts"
你看 script 標籤內有一個 setup，這個是 setup 語法糖，是 Vue 3.2 版開始推出的新功能，這玩意兒出現之後，Vue 瞬間變得超級好寫，更加直覺。
以下內容為付費限定！以行動支持這位作者吧！
付費訂閱
分享至
成為作者繼續創作的動力吧！
比起詳細教學單一技能，網路上或者市面上整合多項技能的教學相對少很多，但要真的完成一項專案往往不是只靠一項技能便能做到。
而且教科書式的完整教學也比較枯燥乏味，因此我想以自身的經驗為例，以全端開發各項技能中最常用到的部分進行講解，讓讀者能夠快速上手掌握全端技能。
