vue3 ts 类式写法的mixins

2023-06-15,,

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

vue3 ts 类式写法的mixins的相关教程结束。

《vue3 ts 类式写法的mixins.doc》

下载本文的Word格式文档,以方便收藏与打印。