首先,简略介绍下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内的属性