vue typescript mixins混入
2020-10-10 本文已影响0人
头发飘逸
common.ts
import { Component, Mixins } from 'vue-property-decorator'
@Component
class commonFnMixins extends Mixins() {
sayHello(){
console.log('hello1');
}
}
export default commonFnMixins
在路由callback中使用
<template>
<div class="box">
</div>
</template>
import { Component, Mixins } from "vue-property-decorator"
import commonFnMixins from '../mixins/common'; // 引入混入组件commonFnMixins
@Component({
components: { }
})
export default class callback extends Mixins(commonFnMixins){
mounted(){
this.sayHello()
}
}