<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 }; }, })