Vue data对象隔离问题

标签：nts   nbsp   cti   var   概念   实例   style   直接   选项   

传入Vue构造器的多数选项(new Vue({el,data,components,prop...}))都可以用在Vue.extend()中，但是data和el是两个特例，不能直接简单地把一个对象作为data选项传给Vue.extend(),原因如下：

var data = { a: 1 }
var MyComponent = Vue.extend({
   data: data
})

如果直接传入data对象给data选项，那么所有的MyComponent组件的实例都将共享同一个data对象！！因此我们正确的做法是利用javascript的闭包的概念，使用一个函数来返回对应的数据:

var MyComponent = Vue.extend({
  data: function () {
        return { a: 1 }
  }
})

Vue data对象隔离问题

标签：nts   nbsp   cti   var   概念   实例   style   直接   选项   

原文地址：https://www.cnblogs.com/zhishiyv/p/14328864.html