我们每天写vue代码时都会使用到这些宏，但是你有没有思考过vue中的宏到底是什么？为什么这些宏不需要手动从vue中import？为什么只能在setup顶层中使用这些宏？

不知道喜欢 vue3 的小伙伴和我是不是一样，刚上手vue3 的时候 对自定义hooks 一脸懵逼，在一些视频网站学习的时候老师讲解到自定义hooks 最喜欢用 加减乘除来描述看了跟没看一样

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

你知道Vue都有哪些内置指令吗？你知道如何自定义一个指令吗？已经你知道自定义指令有哪些钩子函数吗？快，一起来全面了解Vue指令~

使用 Vue.js 开发项目，在某些场景下，我们还是避免不了要操作 DOM，于是 Vue.js 设计并提供了自定义指令，允许用户进行一些底层的 DOM 操作。

defineExpose 这个方法是vue3 3.2+ 版本新增的，大概意思就是 在 <script setup> 组件中明确要暴露出去的属性，使用 defineExpose 编译器宏，简单的用法如下

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

vue 提供了很多自定义指令，大大方便了我们的开发，其中最常用的也就是 v-model，他可以在组件上使用以实现双向绑定。它可以绑定多种数据结构, 今天总结一下用法 绑定单个属性 基础绑定 以 自定义

🔑 解密Vue.js的神秘技巧：Provide/Inject！灵活组织代码，但别陷入陷阱 😱🕵️‍♂️。避免名字冲突、优化类型提示，甚至拥抱严格注入和逐级透传！让你的Vue应用变得更智能更可靠！