活力小柯

Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡: 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点 自定义

内置组件keep-alive 有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就需要用到keep-alive组件

Teleport Vue 3.0新特性之一。 Teleport 是一种能够将我们的模板渲染至指定DOM节点，不受父级style、v-show等属性影响，但data、prop数据依旧能够共用的技术；类似

异步组件 在大型应用中，我们可能需要将应用分割成小一些的代码块 并且减少主包的体积 这时候就可以使用异步组件 顶层 await 在setup语法糖里面 使用方法 <script setup> 中可以使

插槽就是子组件中的提供给父组件使用的一个占位符，用 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的标签。 匿名插槽 1.在子组件放置一个插槽 父组件使用

什么是动态组件 就是：让多个组件使用同一个挂载点，并动态切换，这就是动态组件。 在挂载点使用component标签，然后使用v-bind:is=”组件” 用法如下 引入组件 通过is 切换 A B 组

配置全局组件 例如组件使用频率非常高（table，Input，button，等）这些组件 几乎每个页面都在使用便可以封装成全局组件 案例------我这儿封装一个Card组件想在任何地方去使用 使用方

父组件通过v-bind绑定一个数据，然后子组件通过defineProps接受传过来的值， 如以下代码 给Menu组件 传递了一个title 字符串类型是不需要v-bind 传递非字符串类型需要加v-b

watchEffect 立即执行传入的一个函数，同时响应式追踪其依赖，并在其依赖变更时重新运行该函数。 如果用到message 就只会监听message 就是用到几个监听几个 而且是非惰性 会默认调用