vue3 ts 类式写法的mixins

vue-property-decorator 混入(mixins)

// mixins.ts
import { Vue } from 'vue-property-decorator'

class Mixins extends Vue {
    public name = '混入'
    public say() {
       console.log(this.name);
    }
}

export default Mixins

使用mixins()混入,mixins(mixins1, mixins2, ...),有点类似类的继承

// demo.vue
import Mixins from './mixins.ts'
import { mixins, Options } from 'vue-property-decorator'

@Options({ })
export default class Demo extends mixins(Mixins) {
    mounted() {
        this.say()
    }
}

@Options({ })当中也提供了mixins配置项,不过不建议使用,使用方式根vue2的mixins一样,会造成ts类型检测报红

posted @ 2022-09-28 14:47  梦羽微澜  阅读(1509)  评论(0编辑  收藏  举报