当前位置: 首页 > article >正文

VUE3——003、VUE 项目中的文件结构(index.html、main.ts、App.vue)

虽然是号称是小白初学,但本文只是对 VUE 小白,其它的基功还是有一丢丢的,不太懂的同学去看看一下详解,我这里记述的是自己的理解和观点。见谅!

index.html:入口文件(以创建 vue3 项目的默认文件为例)

引入 main.ts 文件
(index.html 中其它内容可以没,绿框中两条必需要有:创建容器、引入 main.ts)

src 文件夹中两个文件必不可少:main.ts 和 App.vue

main.ts:

import ‘./assets/main.css’
引入 样式表

import { createApp } from ‘vue’
引入 createApp 用以 创建应用

Import App from ‘./App.vue’
引入 App 根组件

createApp(App).mout(‘#app’)
创建应用 App(根组件) 挂载 在 id 为 app 的元素中(以 #app 为容器)

VUE 文件中必需要有的三个标签:

Vite 项目中, index.html 是项目的入口文件,在项目最外层。
加载 index.html 后,Vite 解析


http://www.kler.cn/a/451738.html

相关文章:

  • AIA - IMSIC之二(附IMSIC处理流程图)
  • information_schema是什么?
  • Docker 部署 plumelog 最新版本 实现日志采集
  • 搭建Elastic search群集
  • JavaScript中的Set、Map、WeakSet和WeakMap
  • 安装CPU版的torch(清华源)
  • 细说STM32F407单片机轮询方式读写SPI FLASH W25Q16BV
  • ArrayList与LinkedList、Vector的区别
  • 力扣658. 找到 K 个最接近的元素
  • 【RAG实战】语言模型基础
  • WPS工具栏灰色怎么办
  • 工业“元宇宙化”:科技引领生产新潮流
  • 微软的AI转型故事
  • docker环境动态链接库找不到liblpsolve55.so
  • 网络安全 | 入门:理解基本概念和术语
  • LabVIEW应用在工业车间
  • 前端XMLHttpRequest get请求能不能在body中传参数?
  • IDEA 打开 maven 的 settings.xml 文件
  • C语言-结构体数组练习题
  • 游戏引擎学习第60天
  • Netty ByteBuf 的零拷贝(Zero Copy)详解
  • 数据结构之旅:红黑树如何驱动 Set 和 Map
  • 地理数据库Telepg面试内容整理-应用层开发
  • 云边端架构的优势是什么?面临哪些挑战?
  • 选择FPGA开发,学历是硬性要求吗?
  • feign验签不通过,但是postman没问题