结构工程分析
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>