<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>

遇见问题,这是你成长的机会,如果你能够解决,这就是收获。


作者:​​晚来南风晚相识​​​