解決vue3?defineProps?引入定義的接口報錯
更新時間：2023年05月15日 09:54:36 作者：mycn
這篇文章主要為大家介紹了解決vue3?defineProps?引入定義的接口報錯詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
問題遇到的現(xiàn)象
在setup語法糖使用了defineProps，然而在定義類型的時候一旦將接口暴露出去引用就發(fā)生了報錯
問題相關(guān)代碼
interface Props {
/* ... */
}
export {
type Props
}<script setup lang="ts">
import { Props } from '.'
const props = defineProps<Props>()
</script>運行結(jié)果及報錯內(nèi)容
[@vue/compiler-sfc] type argument passed to defineProps() must be a literal type, or a reference to an interface or literal type.
我的解答思路和嘗試過的方法
在組件中直接定義接口就不會報錯，
我想要達到的結(jié)果
將接口封出去進行引用
以上就是解決vue3 defineProps 引入定義的接口報錯的詳細內(nèi)容，更多關(guān)于vue3 defineProps 引入報錯的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
剛剛接到領(lǐng)導(dǎo)通知，需要實現(xiàn)搜索功能，因為項目是vue的而且是手機端，對我來說有點小難度。經(jīng)過小編的一番思索最終還是解決了，今天小編把實現(xiàn)過程分享到腳本之家平臺，需要的朋友參考下2020-02-02
Vue封裝一個Tabbar組件?帶組件路由跳轉(zhuǎn)方式
這篇文章主要介紹了Vue封裝一個Tabbar組件?帶組件路由跳轉(zhuǎn)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
公眾中經(jīng)常會有這種場景,一些合同、協(xié)議等的頁面需要進行下載,而且需要和頁面保持一致,下面這篇文章主要給大家介紹了關(guān)于Vue頁面生成PDF的最佳方法,需要的朋友可以參考下2022-05-05
vue3新擬態(tài)組件庫開發(fā)流程之table組件源碼分析
這篇文章主要介紹了vue3新擬態(tài)組件庫開發(fā)流程——table組件源碼,本文通過示例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
Vue項目中使用v-show和v-if指令以及原理、區(qū)別和適用場景說明
Vue中v-show通過display屬性控制顯示隱藏,元素始終存在DOM,適合頻繁切換；v-if條件為false時移除元素,適合初始條件不成立的情況,性能上首次渲染可能更優(yōu),但切換頻繁時v-show更高效,其他方式包括綁定style/class、計算屬性及第三方動畫庫2025-07-07
vue3+vite中報錯信息處理方法Error: Module “path“ has&nb
這篇文章主要介紹了vue3+vite中報錯信息處理方法Error: Module “path“ has been externalized for browser compatibility...,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-03-03
下面小編就為大家分享一篇vue.js 使用axios實現(xiàn)下載功能的示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看2018-03-03
本文通過兩種方案給大家介紹了Vue程序化的事件監(jiān)聽器，每種方案通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下2020-01-01
淺談vuejs實現(xiàn)數(shù)據(jù)驅(qū)動視圖原理
這篇文章主要介紹了淺談vuejs實現(xiàn)數(shù)據(jù)驅(qū)動視圖原理，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了vue計算屬性想要傳入?yún)?shù)如何解決問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01