项目结构
使用vite创建的项目结构还是比较简洁的,只包含了项目运行必须的文件。细心观察可以发现,index.html直接创建在项目的根目录下面,而不再像vue2放在public文件夹中。
package.json
package.json也变得简洁了,项目的运行和编译直接依赖vite工具。
index.html
index.html的内容也有一个重大的变化,在里面增加了script引用:
并设置了type=module
App.vue
在Vue3中,template标签下支持同时存在多个节点:
在Vue2中,如果template标签下存在多个节点会直接抛出异常。