Vue 3作为类组件

f4t66c6m 于 2023-11-21 发布在 Vue.js

关注(0)|答案(3)|浏览(197)

目前在项目中，我们使用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（{}）。
如何迁移到Vue 3而不进行令人头痛的重构？

vue.js

来源：https://stackoverflow.com/questions/66589985/vue-3-as-a-class-component

3条答案

按热度按时间

nkoocmlb1#

试试这个.

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

字符串

赞(0）回复(0）举报 2023-11-21

sq1bmfud2#

对于任何阅读这篇文章的人来说，在2023年，在Vue 3中，不再推荐使用类组件设计，并且https://class-component.vuejs.org/包创建者不会在Vue 2之后维护它
此库不再主动维护。不再推荐在Vue 3中使用基于类的组件。在大型应用程序中使用Vue 3的推荐方法是单文件组件，组合API和。如果您仍然想使用类，请查看社区维护的项目vue-facing-decorator。

赞(0）回复(0）举报 2023-11-21

hk8txs483#

我正试图在2023年将vue 2迁移到vue 3。https://class-component.vuejs.org/提到了下面的内容。
此外，如果您对迁移类组件感兴趣，您可能会发现CLI工具vue-class-migrator有助于转换。
vue-class-migrator看起来是一个很好的解决方案。

赞(0）回复(0）举报 2023-11-21

我来回答

Vue 3作为类组件

3条答案

相关问题

热门标签

最新问答