vue项目的data数据为何一定要return一下?

用组件化来写vue项目,每个.vue都是一个个组件。

组件是一个可复用的vue的实例。

如果不使用return包裹数据,那么则在项目的全局中可见,容易造成变量污染。

变量污染简单说就是我们定义了过多的全局变量,可能会造成全局变量冲突的现象。

那么怎么避免这种现象呢?我们可以将数据封装起来,在vue项目中data就相当于是一个封装了变量的对象。

JS中的实例是通过构造函数来创建的,每个构造函数可以new出很多个实例,那么每个实例都会继承原型上的方法或属性。

vue的data数据其实是vue原型上的属性,数据存在于内存当中,vue为了保证每个实例上的data数据的独立性,规定了必须使用函数,而不是对象。

因为使用对象的话,每个实例(组件)上使用的data数据是会相互影响的。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。