Mixin 组件在项目中经常被用来重用一些业务逻辑，但它们有一些不确定的细微差别，这在项目开发中越来越明显。我偶尔也会遇到这种情况，它们会给代码库的重构或新功能的开发带来困难

想在你的Vue组件之间共享代码？如果你熟悉 Vue 2 则可能知道使用 mixin ，但是新的 Composition API 提供了更好的解决方案。在本文中，我们将研究mixins的缺点，并了解Composition API如何克服它们

当我们的Vue项目功能越来越多时，如果有类似的组件，可能会发现自己一次又一次地复制和粘贴相同的数据、方法和 watch。当然，我们可以将所有这些单独的文件编写为一个单独的组件

混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。组件和混入对象含有同名选项时，这些选项将以恰当的方式混合。

主要抽离组件共用的代码，如各个页面中分页组件的data、methods，和ui原型中统一的confirm和alert弹窗以及加载的进度条等

除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。

在原生开发小程序的过程中，发现有多个页面都使用了几乎完全一样的逻辑。由于小程序官方并没有提供 Mixins 这种代码复用机制，所以只能采用非常不优雅的复制粘贴的方式去“复用”代码