当我们const vm = new Vue({
el : ‘#app‘,
data : {
msg：‘hello World’
}
})用习惯了，data是一个对象，可到了vue组件
Vue.component(‘cp‘,{
template : `<div>
<span>{{ info }}</span>
</div>`,
data (){
return {
info : ‘hello Vue‘
}
}
})
因为Vue.component是一个构造函数，data数据是放在Vue.component.prototype里的所以如果是个对象，并且data改变，组件复用的时候只要一个组件改了，其他组件数据全部改了，这样不行。
而函数不一样函数每次返回都是一样的数据，但是后续修改就不影响下一次复用的数据。
原文：https://www.cnblogs.com/wchjdnh/p/11068757.html