Vue Typescript 引入文件接口，就无法使用withDefaults

最新推荐文章于 2025-11-06 14:57:53 发布

原创最新推荐文章于 2025-11-06 14:57:53 发布 · 227 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#typescript #vue.js #ubuntu #前端 #javascript

文章讨论了在Vue应用中遇到的代码规范问题，具体是import导入和props定义不正确导致的错误。通过展示两种写法，一种产生错误，另一种是正确的，强调了在定义组件属性时正确使用defineProps和withDefaults以及提供默认值的重要性。修复后的代码确保了props的正确类型定义和初始化。

ACE-Step

音乐合成

ACE-Step

ACE-Step是由中国团队阶跃星辰（StepFun）与ACE Studio联手打造的开源音乐生成模型。它拥有3.5B参数量，支持快速高质量生成、强可控性和易于拓展的特点。最厉害的是，它可以生成多种语言的歌曲，包括但不限于中文、英文、日文等19种语言

就是代码写的不规范

报错写法

import {Setting} from '@element-plus/icons-vue'
	import { defineProps ,withDefaults } from 'vue'
	import {PiProject} from '@/types/Project'
	interface ProjectCardProps{
		project:PiProject
	}
	const props = defineProps<ProjectCardProps>();

	withDefaults(props,{
		project:{}
	} )

返回值得是一个函数

正确写法

import {Setting} from '@element-plus/icons-vue'
	import { defineProps ,withDefaults } from 'vue'
	import {PiProject} from '@/types/Project'
	interface ProjectCardProps{
		project:PiProject
	}
	const props = defineProps<ProjectCardProps>();
	withDefaults(props,{
		project:():PiProject=>({

		} as PiProject)
	} )

您可能感兴趣的与本文相关的镜像

ACE-Step

音乐合成

ACE-Step