vue中mixin使用和事件执行顺序

vue中mixin使用和事件执行顺序：

 

混入 (mixins)： 是一种分发 Vue 组件中可复用的功能。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。

 

这概念有点懵，理解就是：mixins就是组件的变量、方法抽离。方便在多个组件引用同样的方法

（注意： 多个组件的mixin变量不会相互污染影响，每个引用都是独立的）

 

1.mixin就是方法、变量抽离的合集，引用在组件内，相当于组件的拓展，和组件内其他方法变量一样使用。

2.多个组件调用同一个mixin，每个变量都是单独独立的，项目不会污染。

3.组件的方法、变量会覆盖mixin的方法、变量。

 

 

// 定义一个混入对象 
var myMixin = { 
    created: function () { 
        this.hello() 
    }, 
    methods: { 
        hello: function () { 
            console.log('hello from mixin!') 
        } 
    } 
} 
 
// 定义一个使用混入对象的组件 
var Component = Vue.extend({ 
    mixins: [myMixin]
 }) 
 
var component = new Component() // => "hello from mixin!"