首页 > 其他分享 >vue3 ts 类式写法的mixins

vue3 ts 类式写法的mixins

时间:2022-09-28 14:56:50浏览次数:55  
标签:vue mixins Mixins ts import 类式 Options

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类型检测报红

标签:vue,mixins,Mixins,ts,import,类式,Options
From: https://www.cnblogs.com/my-wl/p/16738024.html

相关文章