Vue组件里的data为什么是函数，而不是对象?

最新推荐文章于 2023-02-23 09:40:01 发布

空间跳跃Space

最新推荐文章于 2023-02-23 09:40:01 发布

阅读量692

点赞数

文章标签： javascript vue.js

本文链接：https://blog.csdn.net/qq_53818001/article/details/126344001

版权

1.在面试过程中面试官会问到的一个问题，为什么data是函数，而不是对象呢?

其实我们仔细发现，这个data特别像一个闭包

因为闭包可以简单理解为：方法里面返回一个方法

2.闭保最重要的特性：实现对数据的私有和封装

data写成函数（闭包）的形式，相当于给每一个组件创建了一个私有数据空间

也就是说：A组件数据data只可以为A服务，B组件数据data只可以为B服务

A组件数据data不会影响B组件数据data，B组件不会影响A组件

私有的数据空间，各组件数据不会受影响

3.如果用对象，所有组件的就不能实现私有，只能共用

会造成数据污染的问题，最终导致数据错乱

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

空间跳跃Space

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue组件里的data为什么是函数，而不是对象?

在面试过程中面试官会问到的一个问题，为什么data是函数，而不是对象呢?
复制链接

扫一扫

前端开发：关于Vue组件中的data属性值是函数而不是对象的详解

软贱开发攻城狮

10-29

2119

最近在搞关于前端开发的基础知识归纳，发现了不少经典知识点，那么本篇博文就来分享一个经典的知识点：Vue组件中的data属性值为什么是函数而不是对象。首先来了解一下Vue组件的使用理念：在Vue组件使用中，组件复用是需要秉承的理念，组件创建好之初就要考虑到后期可复用性，考虑到可复用性，那么就涉及到组件中data数据是要相互独立、互不影响的，不管组件复用多少次，data数据都要被复制一遍，这样当某一处复用的组件数据发生变化的时候，其他地方的复用组件的data数据不受影响。而且由于JS的特性所致的原因，在co

为什么组件中的data是一个函数，而不是一个对象？

sr1501641861的博客

09-06

633

为什么组件中的data是一个函数，而不是一个对象

参与评论您还未登录，请先登录后发表或查看评论

为什么组件中的data是一个函数而不是一个对象？

L_csdn123的博客

02-20

238

为什么组件中的data是一个函数而不是一个对象？

Vue data 为什么是一个函数

m0_37634363的博客

04-07

看到一些面试题：为什么 data 是一个函数，不能是一个对象？ vue 的组件是可以复用的，但是并不是单例的，A 组件引用了 M，B 组件引用了 M，那么就创建了两个 M 组件。假如 data 是一个对象（引用数据类型），当我们创建两个 M 组件的时候，它的 data 实际上都指向了堆里面的同一个值。如果是一个函数的话，两个 M 指向的就是同一个函数，通过 return 返回想要 data，就实现了两个 M 组件都有他们自己的 data。 ...

Vue经典面试题 ,为什么组件中的data是一个函数而不是一个对象

m0_62371650的博客

09-28

1076

Vue经典面试题 ,为什么组件中的data是一个函数而不是一个对象

为什么vue中的data是一个函数

闫的博客

02-23

187

因为vue是单页面应用，是由很多组件构成，这时候每个组件中的data实际上就是一个闭包，通过闭包给每个组件创建了一个私有的作用域，这样就不会互相影响。

Vue2|为什么vue组件中的data是函数而不是对象？

weixin_62395055的博客

02-18

2168

初学vue的小伙伴可能会感到疑惑，为什么在vue实例中存取变量的data是一个对象，而组件中的data不是一个对象而是一个函数？我们先来看这个例子 function foo() { return { name: 'sherry', age: 18 } } let obj1 = foo() let obj2 = foo() let obj3 = foo() obj1.n...

详解Vue的组件中data选项为什么必须是函数

10-14

然而，Vue官方文档规定，`data`选项必须是一个函数，而不是一个对象。这是为了确保组件实例之间数据的隔离和独立性。首先，我们来看一下官方的解释。当`data`是一个对象时，如果在多个组件实例中复用该对象，所有...

Vue组件为什么data必须是一个函数

10-15

然而，与许多其他JavaScript对象不同，Vue组件中的`data`属性必须声明为一个函数，而非直接的对象。这背后的原因涉及JavaScript的原型链和Vue组件的实例化过程。首先，让我们回顾一下JavaScript的原型链。在...

Vue实例中的data为什么是一个对象，组件中的data为什么是一个函数

weixin_46643055的博客

11-14

3604

Vue开发的应用一般为单页面应用，一般情况下只有一个Vue实例，所以实例中的数据可以在当前项目中共享，所以Vue实例中的data是一个对象 Vue组件的出现是为了组件中的视图和数据可以复用（可以简单理解为js中的函数封装），被复用的组件在不同的复用位置可能在操作不同的数据，所以每个组件的data数据必须相互独立，所以组件中的data是一个函数，函数内部返回一个只能让当前组件使用的对象数据注：简单理解为：可以实例中的data可以全局使用（全局意味着可共享，大家都可以用）， ...

vue组件中的data为什么是函数，而不是对象

Allen的博客

06-03

1710

new Vue() 和component组件中使用在 new Vue() 中，data 是可以作为一个对象进行操作的，然而在 component 中，data 只能以函数的形式存在，不能直接将对象赋值给它。 data为什么是函数, 不是对象? 这并非是 Vue 自身如此设计，而是跟 JavaScript 特性相关，我们来回顾下 JavaScript 的原型链从上面可以了解到，vue组件就是一个vue实例。JS中的实例是通过构造函数来创建的，每个构造函数可以new出很多个实例，那么每个实例都会继承原型上的

什么是闭包？为什么要使用闭包？

h5jqd的博客

11-15

347

闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成“定义在一个函数内部的函数”。

js闭包 && vue中data()为什么是函数

C90283的博客

06-10

487

闭包定义：方法里面返回另一个方法闭包意义：延长变量的生命周期创建私有环境 AO->artitude object目标对象程序运行时会生成一个ao用于保存所有的方法和局部变量，全局变量不在ao里面作用域链：闭包会常驻内存->慎用闭包提问：为什么Vue中的data()是一个函数其实这为闭包的设计。Vue是一个单一的应用，Vue中有很多的组件，每个组件都有data（）. 通过闭包为每一个组件建立一个私有域空间，保证各个组件之间的data相互不影响，每个组件都有一块私有的作用域...

闭包闭包闭包

kamianlaidaa的博客

06-03

1079

一，什么是闭包？闭包就是函数中套了一个函数，内层函数可以访问外层函数中的变量。vue中的data就是一种闭包的形式。闭包作为回调函数，可以实现函数的复用。

闭包

shiqianhui1124的博客

05-30

925

闭包 1.什么是闭包？就是函数中套了一个函数，内层函数可以访问外层函数中的变量。 vue中的data就是一种闭包的形式。闭包作为回调函数，可以实现函数的复用。 2.优缺点：优点：1.长期驻留内存，可以缓存数据。 2.可以重复使用变量，不会造成变量污染。缺点：1.占内存。 2.对捕获的变量是引用，不是复制。 3.父函数每调用一次会产生不同的闭包。 3.闭包的两种形式 ①.函数作为返回值如上图所示：匿名函数访...

闭包概念以及场景举例

junjiahuang的博客

06-04

2336

闭包是来解决什么问题的？js中，函数无法访问其他函数里面的变量，而有些场景需要我们去访问其他函数里面的变量，那你就要使用闭包了。常见例子上面就是个典型的闭包例子，foo函数实例化后，返回getName函数，赋值给window.action，action一直存在内存中，直到关闭页面。由于action依赖foo函数提供的动态上下文环境，所以垃圾回收机制不会回收foo。当我们不需要这个闭包的时候，我们知道它并不会自动消失，所以如果一直调用类似的闭包，就可能出现内存泄漏。所以我们需要在不使用闭包的时候，将其

【前端面试题之VUE】为什么data为什么是一个函数而不是一个对象？

阿卡内的博客

07-20

3593

为什么data为什么是一个函数而不是一个对象？

data闭包 vue_vue学习之组件的data必须是一个函数

weixin_39624980的博客

12-22

1882

原文链接：https://blog.csdn.net/weixin_43841308/article/details/104346074组件中的data必须是一个函数组件化的本质是：为了组件能够更好的被复用例如：多个计数器使用HTML结构：{{count}}Vue实例Vue.component('counter', {template: '#tmpl',data: function () {// ...

data闭包 vue_前端基础：Vue源码，窥探Vue内部的运行机制

weixin_39552304的博客

01-05

104

内部流程图：分模块解释：初始化及挂载在 new Vue() 之后。 Vue 会调用 _init 函数进行初始化，也就是这里的 init 过程，它会初始化生命周期、事件、 props、 methods、 data、 computed 与 watch 等。其中最重要的是通过 Object.defineProperty 设置 setter 与 getter 函数，用来实现「响应式」以及「依赖收集。初始化...

vue中data为什么是一个函数而不是对象