一般而言，我們會將元件放到src底下的components檔案夾裡，先打開components檔案夾，利用右鍵打開功能選單，從選單裡選擇「New File」來新增檔案，新增 Click.vue
如果沒有點到components，去新增 Click.js，檔案會在別的檔案夾裡
要把檔案拉進src檔案夾的components裡:
我們來寫一個元件，就像App.vue一樣，一個Vue元件會有<script>及<template>兩部分
<script setup lang="ts"></script>
<template></template>
接下來就跟App.vue很像，在template裡，寫一些要呈現在頁面上的內容
click.vue
<script setup lang="ts"></script>
<template>點一下</template>
在App.js裡，將這個元件放進template裡
<script setup lang="ts">
</script>
<template>
**<Click />**
</template>
可是，看不到內容耶~
可是，好像在codesandbox裡看不到錯誤耶~ 我們可以利用右上角「Open in a new tab」，在瀏覽器中另開新頁。
在瀏覽器中打開「開發人員工具」
