解决vue3 defineProps 引入定义的接口报错

更新时间：2023年05月15日 09:54:36 作者：mycn

这篇文章主要为大家介绍了解决vue3 defineProps 引入定义的接口报错详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪

问题遇到的现象

在setup语法糖使用了defineProps，然而在定义类型的时候一旦将接口暴露出去引用就发生了报错

问题相关代码

interface Props {
    /* ... */
}
export {
    type Props
}

<script setup lang="ts">
    import { Props } from '.'
    const props = defineProps<Props>()
</script>

运行结果及报错内容

[@vue/compiler-sfc] type argument passed to defineProps() must be a literal type, or a reference to an interface or literal type.

我的解答思路和尝试过的方法

在组件中直接定义接口就不会报错，

我想要达到的结果

将接口封出去进行引用

以上就是解决vue3 defineProps 引入定义的接口报错的详细内容，更多关于vue3 defineProps 引入报错的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

Vue3 如何通过虚拟DOM更新页面详解
这篇文章主要为大家介绍了Vue3 如何通过虚拟DOM更新页面详解,有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-09-09
vue+element表格实现多层数据的嵌套方式
这篇文章主要介绍了vue+element表格实现多层数据的嵌套方式，具有很好的参考价值。希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-09-09
写给新手同学的vuex快速上手指北小结
这篇文章主要介绍了写给新手同学的vuex快速上手指北小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-04-04
vue验证码组件使用方法详解
这篇文章主要为大家详细介绍了vue验证码组件的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-07-07
vue使用vue-i18n实现国际化的实现代码
本篇文章主要介绍了vue使用vue-i18n实现国际化的实现代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-04-04
解决betterScroll在vue中存在图片时,出现拉不动的问题
今天小编就为大家分享一篇解决betterScroll在vue中存在图片时,出现拉不动的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-09-09
vue+element实现批量删除功能的示例
下面小编就为大家分享一篇vue+element实现批量删除功能的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-02-02
Vue概念及常见命令介绍(1)
这篇文章主要为大家详细介绍了Vue概念及常见命令，介绍了vue.js声明式渲染、双向绑定及常用指令,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
Vue对Element中el-tab-pane添加@click事件无效问题解决
这篇文章主要给大家介绍了关于Vue对Element中el-tab-pane添加@click事件无效问题的解决办法,文中通过图文以及代码示例介绍的非常详细,需要的朋友可以参考下
2023-07-07
vue项目本地开发使用Nginx配置代理后端接口问题
这篇文章主要介绍了vue项目本地开发使用Nginx配置代理后端接口问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-12-12