* 在Vue2中: 组件必须有一个根标签。
* 在Vue3中: 组件可以没有根标签,内部会将多个标签包含在一个Fragment虚拟元素中。
* 好处:减少标签层级,减小内存占用。
```html
<template>
<!-- vue2必须有一个根标签,而且只能有一个跟标签 -->
<div class="root">
<h1></h1>
<h2></h2>
</div>
</template>
</template>
<!-- vue3可以没有跟标签 -->
<h1></h1>
<h2></h2>
</template>
```
- nodejs
- 同时安装多个node版本
- Vue3
- 创建Vue3项目
- 使用 vue-cli 创建
- 使用 vite 创建
- 常用的Composition API
- setup
- ref
- reactive
- 响应数据原理
- setup细节
- reactive与ref细节
- 计算属性与监视
- 生命周期函数
- toRefs
- 其它的Composition API
- shallowReactive与shallowRef
- readonly与shallowReadonly
- toRaw与markRaw
- toRef
- customRef
- provide与inject
- 响应式数据的判断
- 组件
- Fragment片断
- Teleport瞬移
- Suspense
- ES6
- Promise对象
- Promise作用
- 状态与过程
- 基本使用
- 常用API
- async与await
- Axios