在 Vue 中,mixins
是一种分发Vue
组件中可复用功能的一种灵活方式。混入对象可以包含任意组件选项,当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。
mixins
是一个JavaScript
对象,可以包含组件中的任意选项,比如Vue
实例中生命周期的各个钩子函数,也可以是data
、components
、methods
或directives
等。使用方式简单,将共用的功能以对象的方式传入mixins
选项中即可。当组件使用mixins
对象时,所有mixins
对象的选项都将被混入该组件本身的选项。
需要注意的是,mixins
方法和参数在各组件中不共享,值为对象的选项如methods
、components
等,选项会被合并,键冲突的组件会覆盖混入对象的,值为函数的选项如created
、mounted
等,就会被合并调用,混合对象里的钩子函数在组件里的钩子函数之前调用,同一个钩子函数里,会先执行混入对象的东西,再执行本组件的。