混入对象可以在多个组件间复用代码。它有自己的data(){},生命周期钩子函数,computed(){},methods:{}等属性
一、mixins混入对象的使用总结:
1.data(){}里数据方面:组件和混入的数据相同的时候,会以组件的数据优先,当混入有的数据组件中没有的时候数据会合并
2.同名钩子函数方面:当组件被执行时,混入中钩子函数和组件中的钩子函数都会执行,并且混入对象的钩子将在组件自身钩子之前调用
3.methods,computed等方面:对于methods,computed等值为对象的选项,选项里的方法或计算属性如果与混入对象里的重名,则组件的方法或计算属性会覆盖混入对象,若不重名则合并。与data里数据类似。
二、基本使用方法:
1.在新建js文件中定义并导出混入对象
2.组件内通过import { baseMixin } from '@/' 方式引入混入对象
3.通过vue实例的mixins属性使用 mixins: [baseMixin]
然后就可以像访问当前组建的vue实例的data和menthods一样访问 混入对象里的属性和方法了