var mixin = {
data: {
count: 'qwe'
},
methods: {
foo: function () {
console.log('fool')
},
conflicting: function () {
console.log('from mixin')
}
},
created() {
this.conflicting()
}
}
var vm = new Vue({
el: '#app',
mixins: [mixin],
data: {
count: '123'
},
methods: {
bar: function () {
console.log(this.count)
},
conflicting: function () {
console.log('from self')
}
},
created() {
this.conflicting()
}
})
vm.foo()
vm.bar()
vm.conflicting()
结果输出:
from self
fool
123
form self
如果把实例代码的一句加注解:
// count: '123'
结果会变为:
from self
fool
qwe
form self
也就是说如果复用第一个实例的话,
那么第二个就一个调用第一个实例的函数,方法和数据,并且可以在第二个实例中修改数据