<script lang="ts">
import { Options, Vue, mixins } from "vue-class-component";
@Options({
computed: {
m1Computed(){
return 'm1computed call'
}
}
})
class M1 extends Vue {}
@Options({
computed: {
m11Computed(){
return 'm11computed call'
}
}
})
class M11 extends mixins(M1) {}
@Options({
computed: {
m2Computed(){
return 'm2computed call'
}
}
})
class M2 extends mixins(M11) {}
export default class App extends mixins(M2) {
get appComputed() {
return 'app computed'
}
mounted () {
console.log( (this as any).m1Computed)
console.log( (this as any).m11Computed)
console.log( (this as any).m2Computed)
console.log( (this as any).appComputed)
console.log(this)
}
}
</script>