上周五晚上8点，开开心心的等着产品验收完毕后就可以顺利上线。结果产品突然找到我说要加需求，并且维护这一块业务的同事已经下班走了，所以只有我来做。虽然内心一万头草泥马在狂奔，但是嘴里还是一口答应。

Vue中的插槽相信使用过Vue的小伙伴或多或少的都用过，但是它的所有用法你是否全部理解呢？本篇文章就为大家带来Vue3中插槽的全部用法来帮助大家查漏补缺。

@TOC 插槽（Slot）的理解 插槽（Slot）的使用 语法 示例 父组件 引入 子组件 ChildVue 设置插槽 ⭐注意 slot 标签可以提供默认内容 <slot>默认内容</slot> 具名

vue3里Pinia的定义， Pinia的使用，Pinia的配置 ，Pinia存储数据以及持久化处理

在前端项目中牵扯的最多的莫过于组件之间的传值了，除了最最常用的 **props** 和 **emit**，其实在 **Vue** 中还额外提供了另外几种方法。今天分享一种组件之间通信的方法。

ref 属性是 Vue2 和 Vue3 中都有的，但是使用方式却不大一样，这也导致了很多从 Vue2 转到 Vue3 的小伙伴感到有些困惑，在此将Vue3中dom操作常见的几种方式进行一下总结。

v-model（支持多个v-model） 语法：v-model:自定义事件名 = "数据或方法" 结果： 新增指令v-memo  Vue 组件状态改变引起组件重新渲染，在大量元素的情况下，可能会导致性

Vue3 defineProps、defineEmits、defineExpose 的作用，这几个属性都是在 `<script setup>` 方式时使用

一，前言 1.在vue2中，我们使用选项api中的props来接受父组件传递来的数据。 2.在vue3的setup中，我们使用defineProps来定义父组件传递的props 二，definePro