- 使用 .vue 文件组织组件,每个组件一个文件。
- 组件内部应该包含 template、script 和 style 三个部分。
- 组件名应该使用 kebab-case 命名法,如 my-component。
- 使用 Prop 传递数据,不要直接修改 Prop。
- 通过 Emit 事件与父组件通信,不要直接修改父组件的数据。
- 使用 ESLint 等工具统一代码风格。
- 变量命名应该遵循语义化原则,做到见名知意。
- 使用 Vuex 管理应用状态,不要在组件中直接修改全局状态。
- 合理使用 Vue 生命周期钩子函数,不要在 mounted 中做过多的逻辑。
- 注释代码时应该注意格式和语义,帮助他人理解代码。
- 使用 v-if/v-else-if/v-else 按需渲染 DOM 元素。
- 使用 v-once 缓存不变的 DOM 元素。
- 使用 keep-alive 缓存组件实例。
- 使用 Lazy Loading 延迟加载组件。
- 合理使用 Vuex 的 Mutation 和 Action。
- 编写单元测试和端到端测试,确保代码质量。
- 使用持续集成工具自动化测试和部署。
- 使用 Nginx 等反向代理服务器优化静态资源访问。
- 使用 CDN 加速静态资源的分发。
- 使用 Gzip 压缩静态资源。
