前端开发：Vue混入(mixin)的使用

前言

在前端开发中，作为开发者关于Vue框架的使用不必多说，Vue的框架也是目前最为好用的框架之一，虽然Vue3.0已经成为了主流版本（Vue2.0和Vue3.0还是有不少差别的），但丝毫不影响开发使用。本篇博文分享一个关于Vue相关的比较重要的知识点----混入(mixin)，该内容在实际开发中比较常用，也比较重要，所以需要灵活运用，尤其是刚接触Vue不久的开发者甚为重要。

混入/混合的概念

Vue官方释义：

Mixins are a flexible way to distribute reusable functionalities for Vue components. A mixin object can contain any component options. When a component uses a mixin, all options in the mixin will be “mixed” into the component’s own options.

混入/混合(Mixin)是一种为 Vue 组件分发可重用功能的灵活方式。mixin 对象可以包含任何组件选项。当组件使用mixin时，mixin中的所有选项都会“混合”到组件自己的选项中。

个人理解：

混入/混合(Mixin)是Vue给开发者提供的一种混入实例的方法，定义一部分可复用的方法或者计算属性，包含任意组件选项，当组件使用混入对象的时候所有混入对象的选项将被混合进入该组件本身的选项，也就是通过创建混入对象之后，自定义的方法或变量都可以很容易挂载在Vue实例上，方便开发。

Vue混入(Mixin)