Vue混入
Vue混入
混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。
一:数据对象合并:data{ }
二:钩子函数合并:created() ,mounted ,等…
同名钩子函数将混合为一个数组,因此都将被调用。另外,混入对象的钩子将在组件自身钩子之前调用。
结果:
三:methods, components 和 directives合并
methods, components 和 directives,将被混合为同一个对象。两个对象键名冲突时,取组件对象的键值对。
结果:
四:全局混入
一旦使用全局混入对象,将会影响到 所有 之后创建的 Vue 实例。
结果: