Vue 3 作为类组件

问题描述

目前在项目中我们使用 Vue 2.x 并且我们的组件以这种方式工作

@Component({
template: `
    <div>
      some code ....
    <div> `
})
export default class class1 extends Vue {
    @Prop() data: IsomeData;
}

vue-class-component 和 vue-property-decorator 允许我们以这种方式正确，根据文档，@Component 被替换为 @Options({})。

如何在不进行令人头疼的重构的情况下迁移到 Vue3？

解决方法

试试这个。

<template>
    <div>
      some code ....
    <div> 
</template>

<script>
  import { Vue } from "vue-class-component";
  import { Prop } from "vue-property-decorator";
  export default class Home extends Vue {
       @Prop() data: IsomeData;
  }
</script>