结构工程分析

Vue3结构工程与Vue2相比，大部分未做出明显调整变化，部分做出调整

主要变化部分

main.js

// 使用引入工厂函数；Vue2中引入Vue构造函数，需使用new关键词进行调用
import { createApp } from 'vue'
import App from './App.vue'
// createApp(App)创建应用实例对象，类似于Vue2中的vm，比vm量级轻，其上未绑定大量属性
// mount('#app') 对页面进行挂载
createApp(App).mount('#app')

App.vue

<template>
  <!--Vue3组件中的模板结构可以没有标根签，Vue2中必须只有一个根标签-->
    <img alt="Vue logo" src="./assets/logo.png">
    <img alt="Vue logo" src="./assets/logo.png">
</template>

<script>

export default {
    name: 'App',
}
</script>