Vue 单文件组件 (SFC) 规范

模板

脚本

样式

简介

.vue 文件是一个 自定义的文件类型 ，用类 HTML 语法描述一个 Vue 组件。

每个 .vue 文件包含三种类型的顶级语言块 <template>、<script>和 <style>，还允许添加可选的 自定义块 。

public 下面的不会被编译 可以存放静态资源

assets 下面可以存放可编译的静态资源

components 下面用来存放我们的组件

App.vue 是全局组件

main ts 全局的ts文件

index.html 非常重要的入口文件 （webpack，rollup 他们的入口文件都是enrty input 是一个js文件 而Vite 的入口文件是一个html文件，他刚开始不会编译这些js文件 只有当你用到的时候 如script src="xxxxx.js" 会发起一个请求被vite拦截这时候才会解析js文件）

vite config ts 这是vite的配置文件具体配置项 后面会详解

VsCode Vue3 插件推荐 Vue Language Features (Volar)

*.vue 文件都由三种类型的顶层语法块所组成：<template>、<script>、<style>

<template>

<script>

<script setup>

<style>