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