-
混入
混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。
let mixin = {
data() {
return {
page: 1,
num: 1
}
},
mounted() {
console.log('我是混入对象中的函数');
}
}
export default {
name: 'mixin',
mixins: [mixin],
data() {
return {
page: 5
}
},
mounted() {
console.log(this.page, this.num);
}
}
// 打印
// 我是混入对象中的函数
// 5, 1
-
全局混用
混入也可以进行全局注册。使用时格外小心!一旦使用全局混入,它将影响每一个之后创建的 Vue 实例。使用恰当时,这可以用来为自定义选项注入处理逻辑。
import Vue from 'vue'
Vue.mixin({
created() {
let lslData = this.$options.lslData;
// $options:获取自定义选项
// 只有存在自定义选项lslData,才能打印
if (lslData) {
console.log(1245)
}
}
})