vue3

注意： 一）编程式导航 二）不保留历史记录 不允许页面前进后退的方法 三）路由前进和后退 四）路由传参 query方式，传递的参数会展示在url上 params方式，传递的参数不会展示到url，而是在

pinia使用简介；pinia使用简介；pinia使用简介；pinia使用简介；pinia使用简介；

创建和触发事件 本文演示了如何创建和分派 DOM 事件。这些事件通常称为合成事件，而不是浏览器本身触发的事件。 创建自定义事件 可以使用 Event 构造函数创建事件，如下所示： 上述代码使用了 Ev

h函数 基本和tsx函数式写法一致 支持其他写法;h函数 基本和tsx函数式写法一致 支持其他写法;h函数 基本和tsx函数式写法一致 支持其他写法

自定义vue插件 main.ts ./components/show-message/index.ts ./components/show-message/index.vue 全局，任何地方都可以直接

全局函数和变量全局函数和变量全局函数和变量全局函数和变量全局函数和变量全局函数和变量全局函数和变量全局函数和变量

useInfiniteScroll 元素无限滚动。 useVirtualList 轻松创建虚拟列表。虚拟列表（有时称为虚拟滚动条）允许您高性能地呈现大量项目。它们只呈现显示container元素中的项

vue3-directive自定义指令vue3-directive自定义指令，函数简写模式：如果想在mounted和updated时触发相同的行为，而不关心其他的钩子函数，就可以使用函数简写

自定义子组件实现v-model/多v-model/自定义修饰符 父组件 子组件自定义子组件实现v-model/多v-model/自定义修饰符 父组件 子组件

tsx函数式生成组件用法；tsx函数式生成组件用法；tsx函数式生成组件用法；tsx函数式生成组件用法

mitt用处 可以实现eventBus形式的发布订阅设计模式 mitt用处 可以实现eventBus形式的发布订阅设计模式

定义 可以从最上层组件，传递参数给其所有子组件，并且子组件也可以修改值 修改的值在该组件内（包括子组件）全局生效 例子 爷爷组件 儿子组件 孙子组件

Transition文档 Vue 提供了两个内置组件，可以帮助你制作基于状态变化的过渡和动画： <Transition> 会在一个元素或组件进入和离开 DOM 时应用动画。本章节会介绍如何使用它。 <

缓存组件 需要缓存什么组件，就在keep-alive标签之间写对应组件，不要再套一层div标签 keep-alive之间只能有一个“实际可显示”的组件 有include/exclude/max属性。i

定义 <Teleport> 是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。 父组件 子组件

定义 在Vue 3中，Suspense组件是一种特殊的组件，用于处理异步组件的加载状态。 Suspense组件可以在异步组件加载完成之前展示一个加载中的状态，以及在加载完成后展示异步组件的内容。 <s

子组件留下占位符，由父组件决定内容 子组件可以向父组件传递值，父组件通过解构的方式获取变量，然后使用 具名插槽，对某个插槽自定义了名字 默认插槽，没有命名的默认是default 父组件 子组件

父组件传参,子组件接收 子组件传参，父组件接收 子组件对父组件暴露方法或变量 完整例子 父组件 子组件,父组件传参,子组件接收 子组件传参，父组件接收 子组件对父组件暴露方法或变量 完整例子 父组件

生命周期 vue3取消了vue2里的beforeCreate created, 在setup语法糖模式下是没有这2个生命周期的，使用setup代替 onBeforeUpdate读不到dom， onMo

ref/toRef/toRefs/toRaw/reactive 动态事件切换 使用“[变量]”方式，动态传递事件 使用stop修饰符，阻止冒泡事件，父组件click事件被动触发