vue混入mixin

 <div id="app">
        --{{nick11}}
    </div>

<script>
    // 全局混入  不需要注册
    var m1 = Vue.mixin({
        data() {
            return {
                nameName: "张三"
            }
        },
        mounted() {
            console.log("准备好了"); //先触发
        },

        methods: {
            Say() {
                console.log("hah ");
            }
        },

    })

    new Vue({
        el: ‘#app‘,
        data() {
            return {
                age: 20
            };
        },
        mounted() {
            console.log("123"); //后触发  并不会合并。
            // 但是如果data中的数据重名了，就出现覆盖。
            this.Say(); //调用混入中的方法
        },

        /**
          通过这一种混入的方式，就可以将一些常用的方法。带入混入里面去，实质上挂载到vue的实例上去哈。
        */
    })
</script>

vue混入mixin

原文：https://www.cnblogs.com/IwishIcould/p/12726547.html