- 这是我参与2022首次更文挑战的第2天，活动详情查看：2022首次更文挑战」
1. 确保使用内部v-for键
将关键属性与指令一起使用可以帮助你的应用实现可预测和持久性。无论您对数据进行多么小的更改。这是必不可少的，因此可以方便地跟踪您的组件并准确引用您的各种元素。
如果没有 Keys，就无法确定 DOM 元素的显示方式，也无法保证它们的可预测行为。但是，如果您保持为每个组件提供唯一的key，那么很容易预测 Vue 应用程序将如何处理 DOM 操作。
< !-- BAD -- >
< div v-for=features in features' > < / div >
< !-- GOOD! -- >
< div v-for= features in features' :key='feature.id' >
2. 使用操作：提交数据并进行API调用
我的大部分 API 调用都是在 Vuex 操作中进行的，因为它们非常方便地获取数据，并提供一定程度的可重用性和封装。
- 如果我被要求，在两个不同的地方获取相同的网页，那么在调度程序和正确参数的帮助下，我将能够获取，提交和返回，没有重复的代码比调度程序。
- 如果我被要求，在页面已经被获取时应用相同的逻辑，我会在一个地方这样做以减少服务器上的负载，而且我很确定它将在任何地方都有效。
- 跟踪 Mixpanel 事件中的操作非常方便，另一方面，代码库易于维护。相信我;这种方式工作,你会有一种满足感。
3. 命名提交 – 遵循规范约定
一旦应用程序增长，我们都需要浏览组件的历史记录。如果您或您的任何团队成员没有遵循相同的规范来命名他们的提交，那么识别和了解每个提交的作用将变得至关重要。遵循下面列出的指南，以便在浏览项目历史记录时更轻松地提交。
提交消息格式
< type >( < scope > ): < subject >
< BLANK LINE >
< body >
< BLANK LINE >
< footer >
示例：docs（changelog）：
将更改日志更新到 beta.5
修复（发布）：需要依赖于最新的 rxjs 和区域.js
最后
博主为人老实，无偿解答问题，也会录制一些学习视频教同学们知识❤
如果对您有帮助，希望能给个👍/评论/收藏
您的三连~是对我创作最大的动力支持
