VUE mixins 个人见解

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

---

也就是说如果复用第一个实例的话，
那么第二个就一个调用第一个实例的函数，方法和数据，并且可以在第二个实例中修改数据