Vue组件里props校验写法不规范会被ESLint警告，该怎么改？
我在写Vue组件时用了props校验，但ESLint一直报“props should be an object with properties as keys”这个警告，明明功能是正常的，但团队要求过CI检查，必须修复。我试过改成对象形式，但又怕写错类型。
这是我的代码：
<script>
export default {
props: ['title', 'count'], // 这里被警告了
mounted() {
console.log(this.title);
}
}
</script>- 2
回答
55浏览
React组件中定义的props未使用时，如何优雅处理ESLint警告？
在开发React组件时，我经常会遇到ESLint提示"props未被使用"的警告。比如定义了一个Table组件接收data和isLoading两个props，但有时候某个props暂时没用的时候：fu...
- 1
回答
13浏览
Vue3 + TS 写移动端组件时 props 类型报错怎么办？
我在用 Vue3 和 TypeScript 开发一个移动端按钮组件，给 props 定义了类型，但控制台一直报“类型不匹配”的警告。明明传的是字符串，却提示期望是 string | undefined...
- 2
回答
18浏览
Storybook 里 Vue 组件的 props 默认值不生效？
我在 Storybook 里写了个带默认值的 Vue 组件，但预览时 props 的默认值没显示出来，明明本地用是正常的，是不是我写法有问题？ 试过在 argTypes 里手动指定 defaultVa...
- 1
回答
34浏览
Vue3中setup里怎么监听props变化？
我刚从Vue2转到Vue3，现在在setup函数里用props传值，但发现props变了组件没反应。之前在Vue2里用watch可以直接监听，现在在setup里试了watch(props.xxx, ....
- 2
回答
83浏览
为什么ESLint提示Vue全局变量未定义但实际能运行？
在Vue组件里用this.$http调用axios时，ESLint一直报错" '$http' is not defined"。我确实在vue.config.js里配置了全局注入： // vue.con...
- 1
回答
88浏览
Vue组件之间怎么传值？props和emit到底咋用？
我刚学Vue，现在父子组件通信搞不太明白。父组件想传数据给子组件，子组件又想改这个数据再传回去，结果一改就报错说不能直接修改props。 我试过在子组件里用this.$emit发个事件让父组件更新，但...
- 2
回答
21浏览
Vue父子组件通信props不生效怎么办？
我在父组件里传了个数组给子组件，但子组件里用props接收后打印出来是空的，明明父组件的数据已经加载完了啊。 父组件这样传的：:list="myData"，子组件props也声明了list: Arra...
- 2
回答
20浏览
自定义Vue组件的单元测试怎么写才不会报错？
我用 Vue 3 写了个带 props 和 emit 的自定义组件，想用 Vitest + Vue Test Utils 测试它，但一跑测试就报错说找不到组件实例。 我试过这样写测试： import ...
- 1
回答
46浏览
封装 Vue 组件时 props 怎么设计才更灵活？
我最近在封装一个通用的按钮组件，想让它既能支持普通点击，又能传入自定义图标和样式。但每次加新功能就得改 props 结构，感觉很僵硬。比如现在这样写： props: { type: { type: S...
- 1
回答
23浏览
Svelte组件中如何正确传递和使用动态props？
我在写一个Svelte的按钮组件，想通过props传入不同的class，但发现样式没生效，是不是我写法有问题？ 我试过这样写：export let className = ''，然后在父组件里传，但生...
改成对象写法就行，有两种方式：
第一种是简写形式，只指定类型：
第二种是完整形式，可以加默认值、必填项、校验函数之类的：
官方文档里明确说了，props应该用对象形式，这样一是类型提示更完善，二是团队其他人看代码的时候一目了然，知道每个prop是什么类型、是否必传。
你们团队要是要求严格的话，建议用第二种完整形式，把类型和默认值都写清楚，CI检查肯定能过。