Vue中混入(mixin)的应用

随着深入vue的学习和使用,在文档中使用mixin来减少代码的复用可是非常省心的呢。混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项(vue生命周期,methods,computed,watch)。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项,实现了一处代码多出复用的功能。 下面来看看基本使用方法吧~ 首先在src/common/js/mixin.js中定义一个分页器mixin,具有页码,每页数据条数,总数属性。除了data之外还可以定义props,8个声明周期钩子,methods对象,comp