首先,简略介绍下mixin:

  Mixin是面向对象程序设计语言中的类,提供了办法的实现。其余类能够拜访mixin类的办法而不用成为其子类

  Mixin类通常作为功能模块应用,在须要该性能时“混入”,有利于代码复用又防止了多继承的简单

  在Vue中,mixin(混入),提供了一种非常灵活的形式,来散发 Vue 组件中的可复用性能。

  实质其实就是一个js对象,它能够蕴含咱们组件中任意性能选项,如data、components、methods、created、computed等等咱们只有将共用的性能以对象的形式传入 mixins选项中,

  当组件应用 mixins对象时所有mixins对象的选项都将被混入该组件自身的选项中来在Vue中咱们能够部分混入跟全局混入

部分调用:

 data(){    return:{} }, created() {    this.hello()  },  methods: {   hello () {      console.log('hello from mixin!')   }  }

全局调用:

首先,创立一个文件夹mixin并在外面创立一个js文件,例如index.js

data(){    return:{         name:'hello'    }},mounted(){},created(){},method:{}

局挂载实现mixin后,在页面中咱们能够间接调用mixin内定义的办法体,以及data内的属性