Vue3文档总结

<Transition> 会在一个普通html元素或组件进入和离开 DOM 时应用动画。 <TransitionGroup> 会在一个 v-for 列表中的元素或组件被插入，移动，或移除时应用动画 <

KeepAlive 在多个组件间动态切换时缓存被移除的组件实例(普通html元素不能缓存)，并且插槽只能渲染一个子组件 例如动态组件，v-if切换都可以使用，如果只是通过v-if控制显示和隐藏也是可以

为 ref,reactive,computed 标注类型 为组件的 props 标注类型 基于类型的声明或者运行时声明可以择一使用，但是不能同时使用。 当使用基于类型的声明时，我们失去了为 props

v-bind 想要响应式地绑定一个 attribute，应该使用 v-bind 指令： 如果绑定的值是 null 或者 undefined，那么该 attribute 将会从渲染的元素上移除 然而，对

动态Class/Style 可以使用 v-bind 将它们和动态的字符串绑定，Vue 专门为 class 和 style 的 v-bind 用法提供了特殊的功能增强。除了字符串外，表达式的值也可以是对

组件注册 全局注册 .component() 方法可以被链式调用： 局部注册 如果没有使用 <script setup>，则需要使用 components 选项来显式注册： 全局注册 vs 局部注册

组合式api 示例 上面这个组合式函数没有接收任何参数,它可以接收ref或者getter函数作为参数.再监听这个传入的值/getter函数 注意 toValue(url) 是在 watchEffect