Vue 3 + Typescript - 如何查看类属性

Question

我最近使用 Vue3 的 CLI 和 Typescript 启动了一个项目，并注意到“vue-class-component”有很大不同。事实上，我不确定这个项目是否真的兼容最新的 Vue 3 功能。

我遇到了这两个线程：https://github.com/vuejs/vue-class-component/issues/406 和 https://github.com/vuejs/vue-class-component/issues/406#issuecomment-745490016，所以我不确定“vue-class-component”是否适合这些天。

目前，我正在尝试弄清楚如何将属性传递给组件，但 @Watch 或 @Prop 等东西都不再可用了。

有人可以提供一个例子来说明如何去做吗？

这是一个sn-p，我想知道如何查看msg属性值：

<script lang="ts">
import { Options, Vue } from "vue-class-component";

@Options({
  props: {
    msg: String,
  },
})
export default class HelloWorld extends Vue {
  msg!: string;

}
</script>

非常感谢

Answer 1

我们使用vue-property-decorator 包，它工作得很好。

https://github.com/kaorun343/vue-property-decorator#Watch

编辑：我刚刚看到您正在使用 Vue 3，我很确定，如果它受支持。我仍然不会删除此答案，因为它可能会对您或其他人有所帮助。

干杯