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