官网的示例
var vm = new Vue({
el: '#example',
data: {
message: 'Hello'
}
});
项目中的写法
data() {
return {
message: 'Hello'
}
}
为何要把data变成函数并return属性呢?
组件是一个可复用的实例,当你援用一个组件的时刻,组件里的data是一个一般的对象,一切用到这个组件的都援用的同一个data,就会形成数据污染。
将data封装成函数后,在实例化组件的时刻,我们只是调用了data函数天生的数据副本,避免了数据污染。