本文将通过介绍什么是 Hook、如何在 Vue 使用 Hook，以及在实践场景中如何封装自己的 Vue Hook，带你走进 Hook 的世界，写出更优雅的代码。如果你觉得这篇文章写的不错，可以点赞支持

先简单介绍下自定义指令 Vue的自定义指令通过Vue.directive方法来创建。 bind：指令第一次绑定到元素时调用。在这里可以执行一次性的初始化设置。 inserted：被绑定元素插入父元素时

Options API的弊端 首先我们我们先讲一下vue2 中Options API的弊端，再讲vue3中Composition API 的优势 在Vue2中，我们编写组件的方式是Options AP

起初 Vue3.0 暴露变量必须 return 出来，template中才能使用； Vue3.2 中 只需要在 script 标签上加上 setup 属性，组件在编译的过程中代码运行的上下文是在 se