Vue data的两种编写形式

Vue data的两种编写形式

一、对象式
data：{

}

二、函数式
data（）{

}

组件中data的形式必须是函数式，否则会报错

之所以组件中data使用函数式是因为：
Vue中的组件可能需要复用，当两个页面同时使用该组件，如果使用的是对象式，两个页面都指向一个data对象，当一个页面该组件修改了data的数据，另一个页面该组件的data也会被更改。
使用函数式就不会产生此问题