mixins和extends

在Vue中，mixins和extends是两个可以用来扩展组件功能的配置项。他们都可以用来复用组件逻辑和代码。

mixins允许你在多个组件之间共享代码，可以将一些常用的选项对象或方法写在mixins中，然后将其混入到多个组件中，从而实现代码的复用。mixins的执行顺序是在extends之前的，也就是mixins的代码会在组件自身的代码之前被执行。

extends选项接受一个对象，它的作用是扩展另一个组件，可以是一个简单的选项对象或构造函数。extends的执行顺序是在mixins之后的，也就是extends会比mixins先执行。extends主要用于扩展单文件组件，可以继承另一个组件的属性、方法等。

通过使用mixins和extends，我们可以更好地实现组件的复用和扩展，提高代码的可维护性和重用性。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue组件（五）- 组件的继承mixins、extends、provide、inject](https://blog.csdn.net/dreamingbaobei3/article/details/113751511)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [详解vue mixins和extends的巧妙用法](https://download.csdn.net/download/weixin_38603204/12766656)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [vue中mixins和extends有什么区别?](https://blog.csdn.net/zhangwenok/article/details/125066970)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]