问题标签 [vuejs3]

我正在尝试将数据传递给数据函数内部的接收数组，我正在从 firebase 获取数据并希望在 vue 表中显示，但它显示错误

Uncaught TypeError: Cannot set property 'received' of undefined 谁能帮我怎么做？提前致谢

`

我一直在阅读即将在Composition API今年发布的 Vue 3 中引入的新功能。

虽然我一直在研究和探索这个主题，但我不明白为什么要使用“API”这个词。据我所知，API 用于在浏览器/应用程序和服务器之间发送/获取数据。

此外，Composition API 被设置为 Vue 2 中已经存在的可选替代品Options API。即使在这里，我也不明白在Options API.

有人可以解释一下吗？

我正在为学校项目开发像 Spotify 这样的音频流媒体平台。我将 Vuejs 用于前端应用程序并实现了一个音频播放器。这是有效的。

现在我需要一种将音频文件从后端发送到前端的方法。我现在有一个使用 Spring Boot 的称为流服务的微服务，并使用 WebSocktets (STOMP) 与前端建立连接。但我看到它主要用于聊天应用程序或电话会议应用程序..

我读到通过 REST 发送音频文件很重，因为反复建立连接。哪种方式是最有效的实现方式？

由于我不是高级开发人员，请具体回答

我有一些组件、javascript 和需要按特定顺序运行的元素。

第一个 -opensheetmusicdisplay.min.js我在我的 index.html 文件中。这不是问题。

第二 -<div id="xml">

第三 -xml-loader.js这取决于“xml” div 和opensheetmusicdisplay.min,js

这是 index.html：

这是我试图测试的 JavaScript 部分：

当我运行它时，它们都是"xml2"显示空白的实例。确实显示数据，这意味着它正在从部分中opensheetmusicdisplay的源读取headindex.html

在评论中向我指出，警报只接受一个论点。这是一个错误，我暂时搁置一下。控制台中的错误是 TypeError: document.getElementById(...) is null。

现在，这是 main.js。由于我的各种想法，有很多评论：

// vue 导入和配置 import Vue from 'vue' import App from '@/App' import VueRouter from 'vue-router'

Vue.use(VueRouter) Vue.config.productionTip = false

我注册XmlJs为全球性的，因为这是 100 件实际有效的事情中唯一的出路。然后我像这样嵌入它Notation.vue：

最后一个文件是我正在尝试做的肉和土豆。为了呈现我想要的输出，它会xml-loader.js从数据中获取数据<div id="xml">并执行程序所做的任何魔术。问题是似乎无论如何都没有等待{{ notation.data }}.

我一般不熟悉使用 vuejs 和前端 javascript 框架。我确实认识到此时代码可能不是最佳的。

我有这个组件的代码，但它不工作。当我在本地主机中查看它时，它给了我一个空页面，我从端口 3000 和 8000 都尝试了它。它一直给我同样的错误，没有数据显示。

这是 app.js 文件

这是它的视图页面

它看起来像这样

** 顺便说一下，我使用的是 Larvel 7.4 和 vuejs3

我的代码可以在纯 bootstrap4 和 javascript 上正常工作，但是当我尝试在移动视图侧边栏中使用 vuejs 时，下面没有显示我想在 vuejs 中更改的代码，但在 vuejs 中它显示 toggleClass is not defined 错误

这是我正在使用的模板的链接。

这是错误的屏幕截图

任何人都可以帮助我如何做以及有什么替代方法？提前致谢

使用 Vue.js 2 api-composition，您可以.ref在. 正如许多文章和此线程中所述：https ://github.com/vuejs/composition-api/issues/226它在 vue.js 3 中不可用，您应该声明与 ref 同名的属性-ed 元素：setupContextsetup()

但是，当您不知道 ref 名称时怎么办setup()？

像这个“最小”的例子：

我想知道如何在 vuejs 设置中重置反应式？（我知道是否将其更改为 ref 并使用 view.value 将解决这个问题，但应该有一个使用响应式的答案）

这是我使用的代码。

我可以使用这两个对象结构列表，它工作正常。

由于我不喜欢重复我的代码，我尝试根据列表中的第一个对象动态添加属性type，v-scroll-to但是它不起作用。实现它的最佳方法是什么？（见下面的代码）

当我开始使用 vue 3 时，我看到了这些概念：

• 基于对象的 API
• 基于函数的 API
• 基于类的 API
• 组合 API
• 选项 API
• 反应性 API

有人能告诉我们这些的定义吗？

2021 年更新

我添加了 Options API 和 Reactivity API