请列举并说明你熟悉或实践过的 Vue 项目开发规范，包括代码风格、组件设计、状态管理、性能优化等方面的约定。
考察说明
考查候选人对 Vue 工程化实践中常见开发规范的掌握程度和实际应用经验。
回答思路
- 【回答框架 1】代码风格规范：通常采用 ESLint 搭配 Prettier，统一缩进、分号、引号等格式，并启用 vue/essential 或 vue/strongly-recommended 规则集，确保模板、脚本、样式风格一致。
- 【回答框架 2】组件设计规范：遵循单文件组件结构，组件命名使用 PascalCase 或多词避免与原生元素冲突；props 定义类型、默认值及校验，事件使用 kebab-case 命名；按功能拆分组件，保持单一职责，避免过深嵌套。
- 【回答框架 3】状态管理规范：小型项目优先使用组件内状态或 provide/inject，中大型项目引入 Vuex 或 Pinia；将异步逻辑放在 actions 中，mutations 只做同步修改，模块化拆分 store 并命名清晰。
- 【回答框架 4】性能优化规范：合理使用 computed 缓存派生数据，避免在模板中复杂运算；v-for 绑定唯一 key，配合 v-if 时注意优先级；组件按需加载或异步组件，路由懒加载，减少首屏体积。
- 【回答框架 5】工程化规范：统一目录结构，如 views、components、composables、utils 分层；使用环境变量管理不同环境配置；代码提交前执行 lint 和单元测试，保证可维护性。
- 【关键点 1】ESLint 与 Prettier 配合统一代码风格，并启用 Vue 官方推荐规则。
- 【关键点 2】组件命名多词且使用 PascalCase，props 需定义类型与校验。
- 【关键点 3】状态管理按项目规模选择，异步逻辑放 actions，mutations 保持同步。
- 【关键点 4】使用 computed 缓存、key 绑定、路由懒加载等优化性能。
- 【关键点 5】目录结构分层清晰，环境变量区分配置，提交前执行 lint 与测试。
- 【易错点 1】过度依赖全局状态管理，导致组件复用性下降。
- 【易错点 2】忽略 props 校验，造成数据类型错误难以排查。
- 【易错点 3】在模板中执行复杂计算或未正确使用 key，引发性能问题。