认识Vue3.x----项目代码结构分析

入口main.js:

main.js

总结：

1.Vue的实例化方式发生变化：基于createApp方法进行实例化

2.router和store采用use方法进行配置

3.Vue3的典型API风格：按需导入，为了提升打包的性能

根组件结构：

APP.vue

总结：

Vue3中组件的模板可以没有根节点（Vue2中组件的模板必须有唯一的根节点）

路由模块分析：

router.js

总结：

1.创建路由实例对象采用createRouter方法，Vue3的典型风格

2.采用hash和history的方式有变化

3.Vue2采用mode选项：hash/history

    Vue3采用方法：createWebHashHistory()/createWebHistory()

Vuex模块：

store.js

总结：

创建store对象采用createStore方法，而不是new