什么是混合mixin首先说到混合mixin这个词，混合的概念不仅仅在vue中才有。其实在css预处理器less或者stylus或者scss中都有类似mixin的概念。只不过是通过css预处理器中的混合来实现样式的复用。vue中的mixedmixin是用来实现函数的复用的。lesspreprocessormixedmixin的使用步骤可以参考我之前的文章：https://segmentfault.com/a/11...官方文档关于如何定义mixedmixin是这样定义的。Mixin（混入）提供了一种非常灵活的方式来在Vue组件中分发可重用的功能。混合对象可以包含任意组件选项。当组件使用mixin时，mixin的所有选项都将“混合”到组件自己的选项中。乍一看，我说的不是很接地气，还是翻译成大白话吧。白话翻译混入（mixin）提供了一种非常灵活的混入函数的方式，以在Vue组件中分发可重用的函数。混合可以在.vue组件中重用的函数。想想复用的功能？比如后台管理系统中经常用到的分页功能，比如项目中很多地方都会用到的弹窗消息提示功能。其实有很多。本文以分页功能应用场景为例，说明一个混入对象可以包含任意组件选项。是混合对象吗？哇，传说中的面向对象的OOP思想，混合了一点继承。MixIncludeArbitraryComponents选项？组件选项不就是data、computed、watch、methods和各种生命周期钩子吗，也就是说，这些组件选项也可以像在组件中一样定义在mix中，供'mix-in'使用。当一个组件使用一个mix-in对象时，所有mix-in对象的选项都会被“混合”到组件本身的选项中。在vue中使用一个'东西'，一般的套路大致是定义-->引入-->注册-->使用。由于mix是在某个.vue中使用的，引入之后，就相当于在mix中拥有了一些东西。实际使用步骤（混合分页组件）来看看最终效果图吧。假设我们的项目中有两个路由页面使用了分页组件。分页通常与表格结合使用。为了方便和简单，我们不会在这里放表格。.我们需要使用mixin来实现这样的分页效果。第一步新建一个项目App.vue文件，放置相应的路由导航和视图结构//App.vue文件
