Vue2 v.s.Vue3 使用时的区别

原创于 2022-11-24 18:41:38 发布 · 284 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言 #vue

框架专栏收录该内容

4 篇文章

订阅专栏

这篇博客探讨了在Vue2和Vue3中如何对组件的props进行多类型声明。在Vue2中，可以使用`String|Number`或者`[String,Number]`来定义id属性接受字符串或数值类型。而在Vue3中，props的多类型声明方式统一为`[String,Number]`。这种灵活性允许组件更加灵活地接收不同类型的数据作为输入。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对于 props 的类型声明

多类型声明

vue2 中：

export default {
	name: 'Vue2Demo',
	props: {
		id: String | Number
	}
}

export default {
	name: 'Vue2Demo2',
	props: {
		id: [String, Number]
	}
}

vue3 中：

export default defineComponent({
	name: 'Vue3Demo',
	props: {
		id: [String, Number]
	}
})