为何组件中得data是一个函数

最新推荐文章于 2022-03-09 15:43:05 发布
最新推荐文章于 2022-03-09 15:43:05 发布
阅读量70 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_54904533/article/details/116244114
版权

因为组件是用来复用得，为了防止data得复用，就将其它定义成一个函数

1.如果它不是一个函数得话，所有组件都会共享同一个data数据，会造成数据污染，

如果有一个组件改变得话，另一个组件也会随之变动

2.如果它是一个函数得话，所有组件就不会共享同一个data数据，这样就不会造成数据污染，

如果有一个组件改变的话，不会影响其他组件，是由data这个独有得函数返回过来得数据

 

Bpab
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
组件中data为什么是个函数
weixin_48995066的博客
04-29 3351
总结： 1.vue中组件是用来复用，为了防止data复用，将它定义成一个函数。 2.当我们将组件中的data写成一个函数，数据是以函数返回值形式定义的，这样每复用一次data，都会返回一份新的data，拥有自己的作用域。 3.当我们组件中data写成一个对象的时候，对象是引用数据类型，它就会共用一个内存地址，造成数据污染。 组件中的data： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT
组件中的data为什么是个函数？
向着太阳迎着光
10-26 2650
组件中的data为什么是函数，而不是对象呢？我们带着问题去思考？如果组件中的data写成一个对象，这些实例使用的是同一个构造函数，但是由于JavaScript特性所导致，所有的组件实例对象当中，共用的是同一个data，就会形成当一个数据变更的时候，会导致所有的都跟着变。
组件中 data 为什么是一个函数？
Menqq的博客
04-27 3539
因为，如果**data是一个对象则会造成数据共享**，在多次使用该组件时，改变其中一个组件的值会影响全部该组件的值。而如果是通过函数的形式返回出一个对象的话，在每次使用该组件时返回出的对象的地址指向都是不一样的，这样就能让各个组件的数据独立。 ...
组件中data为什么是一个函数?
weixin_54228045的博客
05-05 1350
组件中的data写成一个函数,数据是以函数返回值形式定义的,这样每复用一次组件,就会返回一份新的data.如果单纯的写成对象形式,就使得所有组件实例共用了一份data,造成了数据污染 组件中的data 组件是一个具有单独自身功能模块的封装，这个模块有属于自己的HTML模板，也应该有属于自己的数据data，组件也有自己的方法methods 注意：组件不能直接访问Vue实例中定义的数据。就算可以访问，若将所有的数据都放在Vue实例中，Vue实例就会变得非常臃肿（数据很多），所以组件应该有自己保存数据的地方 因此
Vue组件为什么data必须是一个函数
11-20
前言 我们需要先复习下原型链的知识，其实这个问题取决于 js ，而并非是 vue 。 function Component(){ this.data = this.data } Component.prototype.data = { name:'jack', age:22, } 首先我们达成一个共识（没有这个共识，请补充下 js 原型链部分的知识）： 实例它们构造函数内的this内容是不一样的。 Component.prototype ，这类底下的方法或者值，都是所有实例公用的。 解开疑问 基于此，我们来看看这个问题： function Component(){ }
深入认识javascript中得eval函数
10-19
深入认识javascript中得eval函数深入认识javascript中得eval函数深入认识javascript中得eval函数
Vue 解决通过this.$refs来获取DOM或者组件报错问题
10-15
主要介绍了Vue 解决通过this.$refs来获取DOM或者组件报错问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
EssentialJS：这是一个具有Java脚本基本知识的存储库
02-26
EssentialJS：这是一个具有Java脚本基本知识的存储库
c代码-写一个函数,计算字符串 s中最大连续相同的字符个数。例如，若s 为"aaabbbb",则返回值为4；若s为"abcde"，则返回值为1。int max_same_char( char* s)
07-14
c代码-写一个函数,计算字符串 s中最大连续相同的字符个数。例如，若s 为"aaabbbb",则返回值为4；若s为"abcde"，则返回值为1。int max_same_char( char* s)
carp:也许只是另一个基础展示案例
05-28
河中得上龙门去，不叹江湖岁月深。 ##demo site there is a site available. 开发快速启动 application.yml配置好数据库链接(mysql) 启动AdminApplication或WebappApplication ,同时设置program arguments --...
为什么组件中的data必须是一个函数？
m0_47883103的博客
08-29 3612
先看一下官方文档是怎么说的 官方文档其实想表达的意思是，让每一个组件都有自己的数据 每次调用的时候都会return一个新的数据 让各个组件之间的数据不会相互影响 理解一下 上代码， // 创建一个对象 const obj = { name: '超人', age: 20 } // 通过这个函数分发 function giveData() { return obj } // 通过函数创建出来三个 const obj1 = giveData() const o
组件中的data为什么是一个函数
CHunQIu12的博客
05-05 198
vue实例中的data属性既可以是一个对象，也可以是一个函数 组件中定义data属性，只能是一个函数 <script> function Info() { return { name: 'EXO', age: '9' } } var obj1 = Info() var obj2 = Info() o
为何组件的data必须是一个函数
m0_62198921的博客
02-10 300
实例和组件定义的data的区别 vue实例中的data属性即可以是一个对象，也可以是一个函数 组件中定义data属性，只能是一个函数 const app = new Vue({ el:"#app", // 对象格式 data:{ foo:"foo" }, // 函数格式 data(){ return { foo:"foo" } } }) vue组件可能会有很多个实例，采用函数返
组件中data为什么是函数
Venciki的博客
10-29 630
组件中data为什么是函数 首先我们来看这样一段代码： function abc() { return { name: 'romance', age: 18 } } var obj1 = abc(); var obj2 = abc(); var obj3 = abc(); obj1.name='kob...
Vue 组件 data为什么是函数？
weixin_33709364的博客
05-19 957
在创建或注册模板的时候，传入一个data属性作为用来绑定的数据。但是在组件中，data必须是一个函数，而不能直接把一个对象赋值给它。 Vue.component('my-component', { template: '&lt;div&gt;OK&lt;/div&gt;', data() { return {} // 返回一个唯一的对象，不要和其他组件共用一个对象进行返回 },...
为什么Vue组件中的Data是一个函数?
qq_56392992的博客
03-09 1267
因为Vue中的组件是可以复用的，但组件中的数据是私有的。 Vue组件中的Data是一个函数的话，每次复用组件都会返回一份私有的Data。相当于给每个组件实例都定义了一份私有的数据空间。每个组件都有自己的作用域，数据不会互相产生影响。若是为对象的话，每个组件中的实例就会共享同一份数据。会出现的一种情况是：若修改一个组件中的Data，那么其他的组件上的Data也会发生改变。 ...
为什么在组件内部data是一个函数而不是一个对象？
qq_45565693的博客
08-02 1329
为什么在组件内部data是一个函数而不是一个对象？ 因为在组件复用的时候会重新生成一个对象，而data是一个对象的话(因为对象是引用数据类型)，data数据会被复用；而当data是一个函数的时候每次调用的时候就会返回一个新的data对象。 1. vue中的组件是可以复用的（也就说是可以共享的），但组件中的data数据是私有的，为了防止data数据复用，将其定义为函数，避免组件与组件之间共享一份data数据。 2. 如果组件中的data数据以对象的形式表示的话，各个组件中的实例之间就会共用一份data数据，就
vue核心面试题：组件中的data为什么是一个函数
热门推荐
王三六博客
08-17 2万+
一、总结 1.vue中组件是用来复用的，为了防止data复用，将其定义为函数。 2.vue组件中的data数据都应该是相互隔离，互不影响的，组件每复用一次，data数据就应该被复制一次，之后，当某一处复用的地方组件内data数据被改变时，其他复用地方组件的data数据不受影响，就需要通过data函数返回一个对象作为组件的状态。 3.当我们将组件中的data写成一个函数，数据以函数返回值形式定义，这样每复用一次组件，就会返回一份新的data，拥有自己的作用域，类似于给每个组件实例创建一个私有的数据空间，
vue中的data为什么是一个函数？起到什么作用？
在写作的路上持续输出。
05-04 1万+
vue中的data为什么是一个函数？起到什么作用？
vue中得生命周期函数
最新发布
08-17
在 Vue 中，组件的生命周期函数用来控制组件的创建、更新和销毁等过程。以下是常用的 Vue 组件生命周期函数： 1. `beforeCreate`：在实例初始化之后，数据观测和事件配置之前被调用。此时组件的数据和方法都还未...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值