219得票8回答
Vue 3中的ref与reactive有什么区别?

看一些关于Vue 3的人们预览教程的例子。[目前处于beta版本] 我找到了两个例子: 响应式<template> <button @click="increment"> Count is: {{ state.count }}, doub...

156得票8回答
如何使用Vue Composition API / Vue 3观察Props的变化?

虽然Vue Composition API RFC Reference site在watch模块方面有许多高级使用场景,但没有关于如何监视组件 props的示例? 这也没有在Vue Composition API RFC's main page或者vuejs/composition-api ...

110得票9回答
Vue.js 3 事件总线

如何在Vue 3中创建事件总线?在Vue 2中,它是这样的:export const bus = new Vue(); bus.$on(...) bus.$emit(...) 在Vue 3中,Vue 不再是构造函数,Vue.createApp({}); 返回一个没有 $on 和 $emit 方...

94得票6回答
Vue 3 发出警告 "Extraneous non-emits event listeners"。

我正在尝试使用组合API从子组件向父组件发送数据。 我收到以下警告: [Vue warn]: 传递给组件的非emits事件监听器(updatedcount)是多余的,因为组件呈现片段或文本根节点时无法自动继承。如果监听器仅用于组件自定义事件监听器,请使用“emits”选项声明它。 在 &lt...

94得票8回答
如何在Vue3的<script setup>中使用props

就像标题所说的那样, 相关链接: 新的script setup(不使用ref sugar) &lt;template&gt; &lt;TopNavbar title=&quot;room&quot; /&gt; &lt;div&gt; {{ no }} &lt;/div&...

62得票7回答
Vue.js 3中使用TypeScript进行属性类型定义

我正在尝试在Vue 3组件中使用组合式API对我的props进行类型提示。 所以,我正在这样做:&lt;script lang=&quot;ts&quot;&gt; import FlashInterface from '@/interfaces/FlashInterface'; import...

57得票7回答
Vue.js 3和typescript:类型'ComponentPublicInstance'上不存在属性'$store'

升级了Vue 2到Vue 3和Typescript的Vuex后,尽管按照Vue 3的指示操作,但似乎无法访问this.$store。 我找不到任何解决这个看似显而易见的问题的方法。 错误:src/components/FlashMessages.vue:28:25。TS2339:属性“$...

57得票3回答
Vue 3 组合式 API - 如何获取组件所挂载的组件元素 ($el)?

我想使用onMounted来初始化第三方库。为此,我需要组件元素作为其上下文。在Vue 2中,我可以使用this.$el获取它,但不确定如何在组合函数中实现。 setup有两个参数,但没有一个包含该元素。 setup(props, context) { onMounted(() =&...

55得票5回答
Vue组合API:定义emits

在定义自定义事件时,Vue 建议我们通过emits选项在组件上定义被触发的事件:app.component('custom-form', { emits: ['inFocus', 'submit'] }) 使用Vue 3的组合API时,当独立的组合函数触发自定义事件时,是否可以在组合函数中...

54得票1回答
如何在Vue3的setup标签中定义组件名称?

在 export default {} 方法中,有一个name属性用于定义组件名称,在Vue Devtools中非常有用。但是在新的&lt;script setup&gt;语法中,相当于什么?