Vue 3+类型脚本：使用JS扩散操作符从setUp()返回的对象在vscode中抛出错误
我有一个简单的Vue 3 + TypeScript repo，我正在尝试集成Auth0插件。 它在前台显示经过字符串处理的user对象，工作正常。 但Visual Studio代码显示键入错误Cannot find name 'user'. ts(2304)，因为它在...auth扩散运算符内返回时无法看到对象user。 我不确定它为什么这样做，也不知道如何解决它。 这是A
..
vue-composition-api相关内容
在Vue 3中的多个选择组件中选择互斥选项
VUE组件的options变量有5个唯一值。我想让用户为我给出的每个选择选项只选择1个值。即我有5个输入select组件，我希望用户在每个组件中只选择一个无法被其他select组件使用的值。 例如 input one: [ orange, green, yellow, black, blue ] input two: [ orange, green, yellow, black, b
..
在Vue中的自定义输入组件的模型/值绑定上缺少所需的属性：&Q；值
我在尝试在Vue 3(组合API，script setup模式)中创建自定义表单组件时遵循了this guide。 当我加载包含我的组件的页面时，我收到如下的控制台警告： [Vue warn]：缺少必需的属性：值和值 AT<；SwitchControl Key=0名称=&Quot；问题8；Model=未定义...&> 我的组件(省略css)：
..
VUE-I18N，这是它的替代。$I18N使用合成API？
尝试使用组合API在组件中实现VUE-I18N。 我希望能够在onmount挂钩中设置一些翻译消息。在选项API中，我将使用this.$i18n.setLocaleMessage(locale, messages)。 但是，this在组合API setUp()方法中不可用。所以，当我尝试上面的方法时，它给了我不确定的感觉。我可以通过将i18N导入到组件中来实现： import { useI18n
..
VUE 3合成API，传递数据并使其具有反应性
在我的组件中，我有一个简单的选择菜单，其中有两个选项("；all"；和"；Investment"；)。这里的想法是从一个可组合的数组中获取一组数据，并在屏幕上显示这些数据的每一行。如果我选择菜单中的&Quot；All"；，它将显示所有行；如果我选择"；Investment&Quot；，它将筛选数据并仅显示带有obj.link=="；USA&q
..
VUE 3反应性不是从类实例内部触发的
代码：https://codepen.io/codingkiwi_/pen/XWMBRpW 假设您有一个类： class MyClass { constructor(){ this.entries = ["a"]; //=== example change triggered from INSIDE the class === setTimeout(()
..
Vue.js 3在方法内带有ref的输入上使用自动聚焦
我使用的是Vue2，但我最近尝试了Vue 3。 我有一个简单的问题： 我要在函数&submitData"；内部将"；焦点"；设置在"；myinput"；上。 在Vue 2中很简单(这个.$refs...)，但在Vue 3中，他们把
..
在Vue.js中使用组合API扩展组件
通过Options API，我们可以使用这些方法来扩展组件。假设我们有两个组件。 Component1.vue export default { methods: { init(message) { alert(message) } } } Component2.vue imp
..
VUE 3合成API data()函数
阅读Vue 3的composition api documentation时，我不太理解新的组合API是如何工作的。您能解释一下data()函数到哪里去了吗？如果不再使用它，应该用什么来代替？ 更新日期23.10.2021：链接中的文档已更新和扩展，在合成API简介中提到了data()，因此现在不建议使用此问题。 推荐答案 在新的组合API下，您之前在data()中定义的所有变量
..
如何在Vue 3.0 Setup()函数中使用使用TypeScrip的异步/等待
(此问题已针对JavaScript回答，见下文，但此问题特定于TypeScrip，其行为有所不同) 我正在尝试使用TypeScrip使用Vue3.0中的异步功能。 在不使用异步的情况下，此代码运行良好： // file: components/HelloWorld.vue
{{ msg }}
..
如何在`<；脚本设置>；`中定义`name`和`inheritAttrs`？
选项接口： import { defineComponent } from 'vue' export default defineComponent({ name: 'CustomName', // 👈 inheritAttrs: false, // 👈 setup() { return {} }, })
..
Vue.js 3-在VUE中使用Vue i18n插件时出错-无法设置未定义的属性'；_vm
我刚刚开始使用Vue.js，并通过一些在线代码片段和教程学习它。我正在尝试为我的VUE项目实现国际化支持，但在Web控制台中遇到错误。 以下是我的代码片段 main.js import { createApp } from 'vue'; import App from './App.vue'; import VueI18n from 'vue-i18n' import route
..
Vue.js 3-替换/更新反应性对象而不会失去反应性
我需要在获取后使用一些数据更新反应对象： setup(){ const formData = reactive({}) onMounted(() => { fetchData().then((data) => { if (data) { formData = data //how can i replace the who
..
在第三场比赛中，裁判VS反应性？
查看一些人针对Vue 3的预览教程的一些示例。[当前测试版] 我找到了两个例子： 被动 Count is: {{ state.count }}, double is: {{ state.double }} import {
..
如何在安装钩子中使用bepreRouteEnter？
如何在setup钩子中使用beforeRouteEnter？ the documentation中没有提及onBeforeRouteEnter钩子。仅记录了onBeforeRouteLeave和onBeforeRouteUpdate两个挂钩。 推荐答案 在合成接口中，setup的时序大致相当于Vue 2中的created，此时路由已经发生，setup内部的beforeRouteEnt
..
从Vuex访问提供给Vue的实例/服务(Vue.js 3)
背景 请考虑以下事项： // app.js import API from 'utils/API'; const api = new API(config.app.urls.api, endpoints, token); app.provide('$api', api); 根据我在过去24小时内阅读的所有内容，以上是向Vue.js 3提供“服务”的建议方法。 但是，上面的
..
ref、toRef和toRef之间有什么区别
我刚刚开始使用Vue 3和合成API。 我想知道ref、toRef和toRefs有什么区别？ 推荐答案 版本3ref Aref是Vue 3中的反应性机制，其思想是将非对象包装在reactive对象中： 获取一个内部值并返回一个反应性和可变的ref对象。REF对象有一个指向内部值的属性.value。 嗯..为什么？ 在JavaScript(和许多OOP语言)
..
Vue 3 组合 API 和对 Vue 实例的访问
在 main.js 我有这样的东西: import { myUtilFunc} from './helpers';Object.defineProperty(Vue.prototype, '$myUtilFunc', { value: myUtilFunc }); 通过这种方式，我可以使用 this.$myUtilFunc 在整个应用程序中访问 myUtilFunc 但是，如果我无法访问
..
当我在 Vue.js 3 中使用 async setup() 时，为什么会得到空白(空)内容?
问题 我在 Vue.js 3 中使用 async setup()，但我的 HTML 内容消失了.我的组件模板没有插入 HTML，但是当我删除 async 和 await 前缀时，我的 HTML 内容又回来了.我该如何解决这个问题? async setup () {常量数据 = 参考(空)尝试 {const res = await fetch('api')data.value = res.j
..
多个组件中的 Vue 3 组合 API 重用
我有这些文件 App.vue、Header.vue、search.js 和 Search.vue App.vue 正常，只是添加了不同的视图 Header.vue有输入框 和脚本: import useSearch from "@/compositions/search";导出默认 {名称:“标题"，设置() {const { searchPin, searchResul
..