Vue是什么？

vue是渐进式框架

面试：什么是渐进式框架？

面试时要说出vue是一个可以被逐步集成，并且可以用不同的方式使用vue

1：无需构建步骤，渐进式增强静态的Html

2：在任何页面中作为Web Components嵌入

3：单页应用

4：全栈服务端渲染

5：Jamstack/静态站点生成（SSG）

6：开发桌面端，移动端，WebGl。甚至是命令终端中的页面

基于Vite创建前端项目，官网地址：https://vitejs.cn

vite-env.d.ts：这个文件就是用来识别ts,txt等格式文件

index.html：入口文件,入口文件做了一件特别重要的事就是把main.ts引入了

src里面有两个东西必不可少，一个是App.vue(根组件)，另外一个就是main.ts

写的第一个小组件：

<template>
  <div class="app">
    <h1>你好啊！</h1>

  </div>
  
</template>
<script lang="ts">
  export default{
    name:'App'   //组件名

  }

</script>

<style scoped>
.app{

background-color: aqua;
box-shadow: 0 0 10px;
border-radius: 10px;
padding: 20px;
}
</style>

安装sinppets燃后输入vbase就有基础模版了

<template>
    <div>

    </div>
</template>

<script>
export default {
    setup () {
        

        return {}
    }
}
</script>

<style lang="scss" scoped>

</style>

vue3是组合式Api:CompositionAPI