首页 > 其他分享 >Vue2的组件中data为什么不能使用对象

Vue2的组件中data为什么不能使用对象

时间:2022-11-05 13:57:17浏览次数:52  
标签:对象 数据 实例 Vue2 组件 data

当一个组件被定义,data 必须声明为返回一个初始数据对象的函数,因为组件可能被用来创建多个实例。 如果 data 仍然是一个纯粹的对象,则所有的实例将共享引用同一个数据对象!通过提供 data 函数, 每次创建一个新实例后,我们能够调用 data 函数,从而返回初始数据的一个全新副本数据对象。

重复创建实例造成多个实例共享一个数据对象如果改变某一个就会造成全部的改变类比于浅拷贝会造成数据污染

标签:对象,数据,实例,Vue2,组件,data
From: https://www.cnblogs.com/ltwlh/p/16860042.html

相关文章

  • vue2搭配vue-router3真正可用不报错的写法格式
    这里要吐槽下vue和vue-router的文档教程本身前端的版本就多,版本之间还各种不兼容,用法函数还多种多样,一会这个组件一会那里是按普通渲染,简直让人不知道按哪个才是对的。然......
  • C# Linq将DataTable中的某列转换成数组或者List
    //获取到的数据DataTablepicDt=GetPdmPoroductModelPictureData(productModelCode);//将productCode列转数组string[]arrPic=picDt.AsEnumerable().Select(d......
  • SDTM IG -- Metadata
    1.没必要描述空数据集2.metadata包含四个部分2.1 datasetmetadata   datasetname,datasetdescription,datasetclass,datasetstructure,datasetpurp......
  • vue3使用mitt 实现组件之间通信 (不限制组件之间关系)
    安装mittyarnadd-savemittnpminstallmitt创建miit示例mitt.tsimportmittfrom'mitt'exportdefaultmitt()组件A中引入mitt并使用emit发送数......
  • DataV兼容vue3的方法
    发现问题在使用vue开发大屏时,发现了一个很好用的可视化组件库DataV,不是阿里那个DataV哈,用vue2开发时都一切顺利,直到有一天升级项目到vue3时,发现一堆报错,后面查了下,好像是D......
  • 有封装过v-model相关的双向绑定组件吗?
    有的,之前在做⼀个通⽤的上传组件的时候,⼀开始是通过传统的⽗⼦通信实现的,⽗传⼦实现的图⽚回显,⼦传⽗实现的图⽚url抛出传给给接⼝,后来使⽤v-model做了⼀点优化,简单了不少......
  • 重写组件的方法
    通过mixins混入重写组件<script>import{Input}from'某UI库'exportdefault{name:'Home',mixins:[Input],//通过mixins混日,重写组件库的组件data()......
  • FormData类型的event.target.files如何使用Postman进行接口测试
    <divclass="filelist"><inputtype="file"accept=".doc,.docx,.txt,.pdf"@change="getFile($event)"/><button@click="submitForm($event)">提交</......
  • react组件传值
    1.父传子1.1父组件准备数据,父组件通过属性age直接传递给子组件父importReact,{useState}from'react'importChildsfrom'./Childs'exportdefaultfunctio......
  • Vue 三 el与data的两种写法
    data与el的2种写法1.el有2种写法(1).newVue时候配置el属性。(2).先创建Vue实例,随后再通过vm.$mount('#root')指定el的值。......