一、vue3的重点知识点

1. 基础知识【相对于vue2 新增特性】

<template> 标签中支持多个根标签。
在css样式中可以访问js中的变量。
- v-bind(变量名称)
vue3对动画进行了一些修改（vue 动画迁移文档）
- 主要的修改其实只有两个：
  - 过渡类名 v-enter 修改为 v-enter-from
  - 过渡类名 v-leave 修改为 v-leave-from
ref
- 因为在 vue3 中已经没有 this 所以以前通过 this.$xxx 获取的属性都不能使用了。
- 定义与获取
  vue
```
<template>
  <el-form ref="loginFormRef"></el-form>
<template>

<script setup lang="ts">
  import { ref } from 'vue';
  const loginFormRef = ref(null);
</script>
```
- 注意定义的 loginFormRef 变量需要和 form 表单中定义的变量一致
- 所有的 ref 在获取真实值的时候，都需要使用 .value 获取