在 Vue 项目中，如何区分 mixin 与 mixins？请从它们的用途、使用方式以及常见场景方面进行说明。
考察说明
考察对 Vue 中 mixin 与 mixins 概念及用途的理解，以及在实际开发中的正确应用。
回答思路
- 【回答框架 1】mixin 是 Vue 提供的一种混入机制，用于分发组件中可复用的功能，如数据、方法、生命周期钩子等。而 mixins 是组件选项中用于接收 mixin 数组的配置项，例如 `mixins: [myMixin]`。
- 【回答框架 2】使用时，mixin 是一个普通对象，类似于组件的选项对象；而 mixins 是组件中声明混入的入口，可以传入多个 mixin 对象。当组件与 mixin 存在同名选项时，组件自身的选项会覆盖 mixin 中的选项，生命周期钩子则会合并执行，mixin 的钩子先执行。
- 【回答框架 3】mixin 的主要作用是实现逻辑复用，但当多个 mixin 与组件之间出现命名冲突或数据来源不明确时，会增加维护难度。在实际项目中应谨慎使用，可以结合 Vue 3 的 Composition API 或自定义组合式函数（如 useXxx）来替代部分 mixin 场景，以获得更好的逻辑组织与类型支持。
- 【关键点 1】mixin 是可复用对象，mixins 是组件选项。
- 【关键点 2】同名数据和方法以组件优先。
- 【关键点 3】生命周期钩子会合并，mixin 先执行。
- 【关键点 4】mixin 易造成命名冲突和数据来源不清晰。
- 【易错点 1】将 mixin 误认为是某个全局 API 或方法。
- 【易错点 2】忽略 mixin 之间及与组件的合并规则，导致覆盖问题。
- 【易错点 3】过度使用 mixin 导致复杂维护，未考虑更优的组合式函数方案。