Vue-组件中的data

一个组件的data选项必须是一个函数。保证每个组件实例，维护独立的一份数据对象。如下图：

组件一旦封装好了，可以使用多次，比如数字框组件使用了三次：

每次创建新的组件实例，都会重新执行一次data函数，得到一个新对象。上图我们创建了三个实例，也就是我们创建了三个对象，这三个对象互不影响，完全独立。比如改变了第一个数字组件的数据，从100变为101，那么只有第一个数字组件的数据对象会发生改变，其他两个数字组件的数据对象不会发生改变，其count值仍然是100。