vue组件中data为啥是函数return一个对象,而不直接是一个data
官网的示例
var vm = new Vue({
el: '#example',
data: {
message: 'Hello'
}
});
项目中的写法
data() {
return {
message: 'Hello'
}
}
为什么要把data变成函数并return属性呢?
组件是一个可复用的实例,当你引用一个组件的时候,组件里的data是一个普通的对象,所有用到这个组件的都引用的同一个data,就会造成数据污染。
将data封装成函数后,在实例化组件的时候,我们只是调用了da
转载
2021-04-26 17:37:21 ·
2316 阅读 ·
0 评论