Mixins在组件中的使用方法

1、Mixins是什么？

Mixins是为Vue组件分发可重用功能的灵活方法。一个Mixin对象可以包含任何组件选项。当组件使用Mixins时，Mixins中的所有选项都将被“混入”到组件自己的选项中。首先明确的是，Mixin使用于组件中，拥有组件选项。Mixins允许我们将方法，属性，数据，计算的属性应用于各种组件。它们非常类似于具有继承组合的方法。

2、如何调用？

• 首先创建一个名为mixins的文件夹，并且新建文件名叫MescrollMixins.js

const MescrollMixin = {
	// components: { // 非H5端无法通过mixin注册组件, 只能在main.js中注册全局组件或具体界面中注册
	data() {
		return {
			mescroll: null //mescroll实例对象
		}
	}

以上是创建了一个对象，定义了data函数对象，然后将MescrollMixins.js文件导入组件

• 在vue组件中引入Mixin的js文件

import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js";
	export default {
		mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
		data() {
			return {
				downOption: {
					auto: false //是否在初始化后,自动执行downCallback; 默认true
				},
				dataList: []
			}
		}

参考：Mixins在组件中的使用方法 - 知乎