问题标签 [vue-options-api]

是否可以安装 Vue 3，但仍然以“Vue 2”的方式做事？换句话说，我看到 Vue 3 具有新的 Composition API，但在 Vue 3 中，这是可选的还是必需的做事方式？

出于某种原因，我认为 Vue 3 仍然允许您以 Vue-2 的方式做事，而是使用 Options API。不是这样吗？谢谢。

所以我想从数据选项中显示一些文本和图像。使用 v-for，我可以显示名称但不能显示图像（我尝试了一个普通的 img 标签，其中包含来自其中一个对象的硬编码 src，它工作得很好）。

有什么解决办法吗？

我知道 Vue 3 的主要特性之一是 Composition API，它是旧的 Vue Options API 的替代方案。但我似乎找不到 Options API 的简单文本定义 - 它是什么？

我正在构建一个电子商务网站，并为产品卡创建了一个组件。我将该组件导入主页，以便显示产品列表。我在 data(){} 中声明了一个 产品变量，还创建了一个 beforeMount 并将我的逻辑放入其中以使用 axios 获取数据。

每次我加载页面时，我都会收到错误消息：

未捕获（承诺）错误：超出最大递归更新。这意味着您有一个反应性效果，它正在改变它自己的依赖关系，从而递归地触发它自己。可能的来源包括组件模板、渲染函数、更新的钩子或观察者源函数。

当我将代码部署到生产服务器时，它会在我加载页面时崩溃。由于这个错误，整个网站都崩溃了，我很沮丧，不知道该怎么办。

我正在使用 Vue 创建一个搜索输入，并且我创建了一个方法来检查每个项目是否应该可见，并将当前用户输入与项目的数据进行比较，并返回 true 或 false。我遇到的控制台问题，它显示了一个与“toLowerCase”相关的错误。请提供一些帮助和建议。提前致谢。

有人可以解释以下之间的区别吗？

选项 API 版本

按预期在 DOM 中显示加载的数据

组合 API 版本

显示配置的初始状态，但不显示加载的数据

我怀疑它reactive()被异步数据加载覆盖（并且我可以控制台记录onMounted函数中的新数据）但我在文档中看不到任何内容来指示如何大规模更新这样的反应对象（尤其是当它在选项 API 中工作）

编辑：最后的想法：

我已经开始使用reactive对象在应用程序周围提供/注入数据，然后使用toRefsJIT 方式将反应数据提供给我的视图。这似乎是两全其美。

例子：

我需要使用带有选项 API 的 Vue.js 3 访问子组件的方法。How to access to a child method from the parent in vue.js 中有一个答案，但它适用于 Vue.js 2 和 Vue.js 3，但带有 Composition API。

我仍然尝试了这个，都在父组件中：

和

这实际上成功地访问了该方法，但我认为这可能不是正确的方法。

其次，我在子组件中使用了一个道具，该道具在父组件中更新并在子组件的方法中使用，该方法仅在第二个事件之后更新。我想这两个可能是相关的。

子组件：

我很感激任何帮助。