vue中mixin混入

官方解释:
混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。
理解:
mixins在引入组件之后,将组件内部的方法data,methods与父组件进行合并。在引入后,如组件可以直接调用。
方法的覆盖:
1.如果在引用mixins的同时,在组件中重复定义相同的方法,则 mixins中的方法会被覆盖。
2.同名钩子函数将混合为一个数组,因此都将被调用。另外,混合对象的钩子将在组件自身钩子之前调用

用法:
1.新建一个test.js,用exports暴露

export const mixinsTest = {
   data(){
        return {}
   }
    methods:{
        hello(){
            console.log("hello");      
        }
    },
}

2.在组件中引入这个mixins对象,通过mixins:[xxx]



你可能感兴趣的:(vue,前端)