入口文件index.html把src里边的main.ts引入了进来,所以src中需要先看main.ts文件。
接下来介绍一下main.ts代码:
import { createApp } from 'vue':createApp就是创建应用(造花盆)。
import App from './App.vue':App就是一个组件,App组件有什么特点呢?就相当于花的根主干,后续写的.vue文件都是枝干。
createApp(App).mount('#app'):createApp(App)这个代码的意思就是把组件放在应用里,也就是把花的根主干放在花盆里。换一个比较官方的说话就是创建一个前端的应用里面所有组件的根组件。.mount('#app')意思是把前面的这个东西放在哪个位置上,即挂载到一个id为app的容器里(这个id为app的容器在入口文件index.html中)。综上createApp在创建应用,每个应用都有一个根组件就是App,那么创建完了这个东西成果摆在id为app的div里,这个div在入口文件index.html。
App.vue就是根组件。
components文件里存储着所有根组件App.vue的子组件。
assets文件里存储着一些.css样式文件,都是一些静态文件。