2、main.ts和vue组件

main.ts

// 引入createApp用于创建应用
import {createApp} from 'vue'
// 引入App根组件
import App from './App.vue'

createApp(App).mount('#app')

createApp是一个函数，用它来Vue应用实例；

App 假设这是你的根组件；

mount('#app')挂载到DOM元素上，该元素的id为app;

vue组件

App.vue

<template>
  <div class="hu">
    <h1>hello Vue</h1>
  </div>
</template>

<script lang="ts">
  export default {
    name:'App' //组件名
  }
</script>

<style>
  .hu {
    background-color: #ddd;
  }
</style>

1. <template>部分，主要用来写html标签代码
2. <script lang="ts">部分，可以写js代码和ts代码
3. <style>写css样式