混入（mixin）提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项（如data、methods、mounted、filters等等）。

一、注册使用

1、在main.js中全局配置

import mixin from './mixins'

Vue.mixin(mixin)
  • 1.
  • 2.
  • 3.

2、组件中配置

Vue 之混入（mixin）详细介绍_Vue

 

在日常的开发中，我们经常会遇到在不同的组件中经常会需要用到一些相同或者相似的代码，这些代码的功能相对独立

这时，可以通过Vue的mixin功能将相同或者相似的代码提出来