认识Mixin
目前我们是使用组件化的方式在开发整个Vue的,但是组件和组件之间有时候会存在相同的代码逻辑,我们希望对相同的代码逻辑进行抽取。
在Vue2和Vue3中都支持的一种方式就是使用Mixin来完成:
- Mixin提供了一种非常灵活的方式,来分发Vue组件中的可复用功能;
- 一个Mixin对象可以包含任何组件选项
- 当组件使用Mixin对象时,所有Mixin对象的选项将被 混入 进入该组件本身的选项中;
Mixin的合并规则
如果Mixin对象中的选项和组件对象中的选项发生了冲突,那么Vue会如何操作呢?这里分成不同的情况来进行处理:
情况一:如果是data函数的返回值对象
- 返回值对象默认情况下会进行合并;
- 如果data返回值对象的属性发生了冲突,那么多保留组件自身的数据(就近原则);
情况二:如果是生命周期钩子函数
- 生命周期的钩子函数会被合并到一个数组中,都会被调用;
情况三:值为对象的选项,例如methods、components和directives,将被合并为同一个对象
- 比如都有methods选项,并且都定义了方法,那么它们都会生效;
- 但是如果是对象的key相同,那么会取当前组件的键值对(又是就近原则);
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
前言 最近写H5的项目比较多,该项目从年龄上看着还算比较年轻😂,整个架构应该是直接使用vue-cli基于vue2生成的,那底层打包工具自然也就是webpack,我们知道webpack有个通病,那就是随着项目的不断增大每次构建的时间也会随之越来越长。比如我们这个…