Vue的可复用性和组合——mixins混入

混入：（钩子：mixins）

</div>
<script>
    var myMixin = {
        created:function(){
            this.hello()
        },
        methods:{
            hello:function(){
                console.log('hello from mixin!');
            }
        }
    }

    var Compont = Vue.extend({      //创建一个组件构造器
        mixins:[myMixin]    
    })

    var component = new Compont();      //在进行构造时就进行了函数的调用

数据会在父元素中进行合并，以组件中的优先

混入对象中的钩子会先被调用，会先输出上面的在打印1111

methods、couponents和directives将混为同一个对象（类似父组件取代）

全局混入：
Vue.mixin ({
created:function(){
console.log(‘this is global mixin created’);
}
})

    var app = new Vue({
        el:"#app",
        // mixins:[mixin],
        data:function(){
           return {
                message:"goodbye",
                bar:'def'
           }
        },
        created:function(){
            console.log('1111',this.$data);    //data里的数据
        }
    })
</script>

Vue实例，我参数options。它是一个对象。可以选择如下选项：
data函数成员
methods对象成员
模板template
挂载元素el
生命周期钩子
props属性声明
computed计算成员
watch监视成员
即选择的是Vue实例上挂载的对象
本地混入、全局混入以及合并等