Vue2 局部拓展extends 先于局部mixins执行

效果：

控制台输出：

created in overrall

局部扩展extends

hello Vue!

created in aaa

create in native

代码：

<div id="app">
    {{ message }}
</div>

<script>
    //全局混入
    Vue.mixin({
        created:function () {
            console.log("created in overrall");
        }
    });

    //局部混入
    var aaa={
        data:{
            message:"mixins message"
        },
        created:function () {
            console.log(this.message);
            console.log("created in aaa");
        }
    };

    //局部拓展
    var bbb = {
        created:function () {
            console.log("局部扩展extends");
        }
    };

    var vm = new Vue({
        el:"#app",
        data: {
            message: "hello Vue!"
        },
        created:function () {
            console.log("create in native")
        },

        //extends混入，一般用于和mixins进行调试，它先于局部mixins执行
        extends:bbb,

        mixins:[aaa]
    });
</script>