vue3 的 defineProp和 defineEmit 为何只能定义一次?-灵析社区

关键看你想怎么分离逻辑，分享和合并永远是需要找到一个平衡点的，比如你问题中的定义，可以这样： const props = defineProps(); 从 TypeScript 的角度来分析，这个语法可以非常清楚的描述，`props` 是这样一个对象，它符合接口 `{ count: number; label?: string }` 描述，其中 `number` 是必填，而 `label` 是可选。如果想为属性赋予默认值，可以使用 `withDefaults()`。 如果你想把属性拆开来使用，可以 const { label, count } = toRefs(props); 扯远了。作为一个组件，属性是它不可分割的一部分，在定义组件的时候它的属性就是应该规划好的，所以一次性定义出来没什么问题（事件也是如此），甚至从语义上来说会更容易阅读和理解。而真正的分离，应该是在组件变得越来越大的时候，把一个大组件拆分成多个小组件来组合，而不是从代码上直接拆分定义内容。 > 注：当然，拆分代码的事情，C# 干过(partial > 类/方法），而且很好用。但是那不是为了分离逻辑，多数情况下是为了分离自动/生成代码和手工代码，拆分的不是逻辑而是工作量 参考：[ | Vue.js (vuejs.org)](https://link.segmentfault.com/?enc=i0nSTiIIeLgps7MWcrXG8w%3D%3D.0l%2BS0kMLXZmfaRUSnnhROLYgQyN6gB4%2FelB9e9tT2S5Ta34Gl1iKVuWgyDvqmUHwUk3DYAjzhkqPNWOmX%2FJ7QSsGvyfWhZns7VONz2T9KFM%3D)