1. 代碼
main.ts
// 引入createApp用于創建應用
import {createApp} from "vue"// 引入App根組件
import App from './App.vue' createApp(App).mount('#app')App.vue
<!-- vue文件可以寫三種標簽1. template標簽，寫html結構2. script 腳本標簽，寫JS/TS代碼3. style標簽，寫樣式-->
<template><div class="app"><h1>你好啊</h1></div>
</template><script lang="ts">// 默認暴露app組件 export default {name: 'App' // 組件名}
</script>
<style>.app{/* 背景色-淺灰色 */background-color: #ddd;/* 盒子陰影 */box-shadow: 0 0 10px;/* 圓角 */border-radius: 10px;/* 內邊距 */padding: 20px;}
</style>
2. 效果
)
