liuyanghejerry Vue 代码规范审查
审查 Vue 组件（.vue 文件）中违反最佳实践的模式。
检查清单
组件命名
- 组件名未使用 PascalCase 或多词命名（Vue 官方风格指南要求）
- rule_id:
vue-component-name - severity:
warning
Props 校验
- Props 未声明 type 或 validator
- rule_id:
vue-missing-prop-validation - severity:
warning
避免 as any
- TypeScript 中使用
as any绕过类型检查 - rule_id:
no-as-any - severity:
warning
Options API vs Composition API
- 同一组件中混用 Options API 和 Composition API（
<script setup>中不应出现data()、methods:） - rule_id:
vue-mixed-api-style - severity:
info
模板中的复杂表达式
<template>中包含超过一行的 JavaScript 表达式（应提取为 computed）- rule_id:
vue-complex-template - severity:
info
输出格式
{
"rule_id": "no-as-any",
"severity": "warning",
"message": "在 PaymentForm.vue 中发现 as any 类型断言",
"evidence": "const data = response as any",
"location": { "file": "src/components/PaymentForm.vue", "line_start": 42, "line_end": 42, "column_start": 13, "column_end": 35 }
}