问题标签 [vuejs3]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vue.js - 如何将数据从 vue.js 中的挂载函数传递到数据函数内部的数组
我正在尝试将数据传递给数据函数内部的接收数组,我正在从 firebase 获取数据并希望在 vue 表中显示,但它显示错误
Uncaught TypeError: Cannot set property 'received' of undefined 谁能帮我怎么做?提前致谢
`
vuejs2 - 为什么在 Vue 3 的 Composition API 中使用“API”这个词?
我一直在阅读即将在Composition API
今年发布的 Vue 3 中引入的新功能。
虽然我一直在研究和探索这个主题,但我不明白为什么要使用“API”这个词。据我所知,API 用于在浏览器/应用程序和服务器之间发送/获取数据。
此外,Composition API 被设置为 Vue 2 中已经存在的可选替代品Options API
。即使在这里,我也不明白在Options API
.
有人可以解释一下吗?
spring-boot - WebSockets (STOMP) 将音频从后端 Spring Boot 流式传输到前端 Vuejs
我正在为学校项目开发像 Spotify 这样的音频流媒体平台。我将 Vuejs 用于前端应用程序并实现了一个音频播放器。这是有效的。
现在我需要一种将音频文件从后端发送到前端的方法。我现在有一个使用 Spring Boot 的称为流服务的微服务,并使用 WebSocktets (STOMP) 与前端建立连接。但我看到它主要用于聊天应用程序或电话会议应用程序..
我读到通过 REST 发送音频文件很重,因为反复建立连接。哪种方式是最有效的实现方式?
由于我不是高级开发人员,请具体回答
javascript - VueJS;在运行本地 JavaScript 文件之前等待元素
我有一些组件、javascript 和需要按特定顺序运行的元素。
第一个 -opensheetmusicdisplay.min.js
我在我的 index.html 文件中。这不是问题。
第二 -<div id="xml">
第三 -xml-loader.js
这取决于“xml” div 和opensheetmusicdisplay.min,js
这是 index.html:
这是我试图测试的 JavaScript 部分:
当我运行它时,它们都是"xml2"
显示空白的实例。确实显示数据,这意味着它正在从部分中opensheetmusicdisplay
的源读取head
index.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 框架。我确实认识到此时代码可能不是最佳的。
vue.js - 如何使用 vue.js 和 bootstrap4 在移动视图中隐藏侧边栏并在移动和其他设备视图中单击切换
我的代码可以在纯 bootstrap4 和 javascript 上正常工作,但是当我尝试在移动视图侧边栏中使用 vuejs 时,下面没有显示我想在 vuejs 中更改的代码,但在 vuejs 中它显示 toggleClass is not defined 错误
这是错误的屏幕截图
vuejs3 - 如何在 Vue.js 3 中访问动态 ref 标记的 html 元素?
使用 Vue.js 2 api-composition,您可以.ref
在. 正如许多文章和此线程中所述:https ://github.com/vuejs/composition-api/issues/226它在 vue.js 3 中不可用,您应该声明与 ref 同名的属性-ed 元素:setupContext
setup()
但是,当您不知道 ref 名称时怎么办setup()
?
像这个“最小”的例子:
vue.js - Vue.js 3 可选 v-scroll-to
这是我使用的代码。
我可以使用这两个对象结构列表,它工作正常。
由于我不喜欢重复我的代码,我尝试根据列表中的第一个对象动态添加属性type
,v-scroll-to
但是它不起作用。实现它的最佳方法是什么?(见下面的代码)
vue.js - Vue 3 什么是基于类的 API、基于函数的 API、反应性 API 和组合 API
当我开始使用 vue 3 时,我看到了这些概念:
- 基于对象的 API
- 基于函数的 API
- 基于类的 API
- 组合 API
- 选项 API
- 反应性 API
有人能告诉我们这些的定义吗?
2021 年更新
我添加了 Options API 和 Reactivity API