vue mixin混入 全局混入 局部混入

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


  // 全局混入  不需要注册
    var m1 = Vue.mixin({
        data() {
            return {
                nameName: "张三"
            }
        }
    })

   new Vue({
        el: '#app',
        data() {
            return {
                age: 20
            };
        },
    })

上一次一个同事,给我说你，可以看一下混入是怎么耍的，下来后我就去看了一下。

vue中的混入mixin,就是通过挂载到vue原型上去的。

所以不需要通过引入的方式，就可以直接使用

===========================
局部混入

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

 // 局部混入  需要注册
    var m2 = {
        data() {
            return {
                nick11: "马云"
            }
        }
    }

    new Vue({
        el: '#app',
        mixins: [m2],//注册
        data() {
            return {
                age: 20
            };
        },
    })