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()
    }
}
上一篇 下一篇

猜你喜欢

热点阅读