Vue 3 作为类组件答案

【问题标题】：Vue 3 as a class componentVue 3 作为类组件
【发布时间】：2021-06-09 21:15:31
【问题描述】：

目前在项目中我们使用 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？

【问题讨论】：

请在这里查看我的答案stackoverflow.com/a/63927478/8172857
@BoussadjraBrahim 谢谢，我已经看过了，但是我要以哪种方式编写模板，我应该将它转移到单独的.html，因为现在所有文件都是*.ts文件。

标签： vue.js vuejs3 vue-class-components vue-property-decorator

【解决方案1】：

试试这个。

<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>

【讨论】：