所在的位置: html >> html发展 >> Vue3项目结构介绍

Vue3项目结构介绍

项目结构

使用vite创建的项目结构还是比较简洁的,只包含了项目运行必须的文件。细心观察可以发现,index.html直接创建在项目的根目录下面,而不再像vue2放在public文件夹中。

package.json

package.json也变得简洁了,项目的运行和编译直接依赖vite工具。

index.html

index.html的内容也有一个重大的变化,在里面增加了script引用:

并设置了type=module

App.vue

在Vue3中,template标签下支持同时存在多个节点:

在Vue2中,如果template标签下存在多个节点会直接抛出异常。




转载请注明:http://www.aierlanlan.com/tzrz/2807.html

  • 上一篇文章:
  •   
  • 下一篇文章: