问题标签 [vue-class-components]

将 VueJS 与类组件一起使用，vue-property-decorator我正在尝试编写一个带有uuidProp 的 Vue 组件，该组件在未提供时默认为新的 uuid（使用 npm 包uuid）：

因此，当实例化时给出服务器提供的 uuid 时，它会在前端使用，如果不是，则意味着它是一个新元素，应该为该组件生成一个新的 uuid。这段代码的问题是我最终会产生多个相同的组件uuid（但不是全部）。

我在文档中看到您可以在 VueComponent 中拥有一个动态组件，如下所示：

我试图在动态呈现的组件中包含这些动态组件之一（使用render()函数，而不是 HTML 模板）。没有太多希望，我试过这个：

但我得到了

因此，再次，不要太期待奇迹，我尝试将其导入Component并声明为组件：

但后来我得到

知道这怎么可能吗？

使用 Vue 类组件，如何获取计算变量的值？尝试使用this.bar会报错：Property 'bar' does not exist on type 'Vue'.

嗨，我正在使用带有 Typescript 和类组件的 Vue 3。我只是从文档中复制粘贴了示例，但 Typescript 似乎存在问题：

文档：https ://class-component.vuejs.org/guide/class-component.html

有人知道缺少什么吗？谢谢！

我正在使用基于类的组件将我的 Vue 2 项目从 JS 迁移到 TS。在我的代码中，我vue-router通过访问this.$route和this.$router属性使用。然而，在基于类的 Typescript 组件中，访问这些属性显然会产生编译时错误，因为它们是在运行时由VueRouter插件动态定义的。

那我怎么用vue-router和vue-class-component在一起呢？

我有一个使用Vue 类组件定义的组件，如下所示：

我需要将该组件反复实例化为根组件，每次传入不同的数据。例如，我试过这样做：

但是当我this.value在组件中查看时，它被设置为 0 而不是 1。无论如何我是否可以指定我希望使用调用时传入的值来实例化组件new Vue？

在某些情况下，vetur 无法正确读取 vue 类组件函数的名称。例如，对于下面的类组件，vetur 会说找不到“nclick”。

有了这个错误，vetur 将允许您使用名称“oonClick”，这将在构建和测试时失败。要回购错误，您需要在 vue 2 中使用基于类的组件，在这种情况下，我还使用了可能需要也可能不需要的 vuetify。

我对 Vue 还是很陌生，并尝试在使用类样式组件的项目上实现延迟加载的路由。目前，组件是使用 Webpack 的动态导入为路由定义的，如下所示：

但这似乎不起作用，因为使用空缓存加载应用程序会预先下载所有块，从而产生巨大的应用程序文件。阅读文档，看起来我需要通过返回一个与组件解析的 Promise 来将类组件定义为异步。但是，老实说，我不确定作为类定义的组件是否可能，而不是典型的基于对象的组件。文档没有提到这vue-class-component一点，但我想知道是否有某种替代语法可以实现这一点，或者我是否遗漏了其他东西。

任何帮助表示赞赏！

本质上，我在 Github 上和这个问题和这个问题有同样的问题，不幸的是，在得到回答之前，这两个问题都被关闭了：/

我将 Vue 与 Typscript 和 Vue 类组件一起使用。我需要做的是从@Component 装饰器内的观察者内部访问我的（Vue-）类的方法。我知道可以使用 访问组件的数据this.$data，但是方法呢？

我的代码在运行时工作，但在 vscode 中产生编译时错误和错误（“属性 'clearInfo' 在类型 'Vue' 上不存在。”）；

如何使用类组件为每个路由启用身份验证中间件？

什么是等效的：

这不起作用：