首页 > 其他分享 >vue中的data为什么是一个函数

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

时间:2023-06-21 17:35:52浏览次数:27  
标签:vue 函数 实例 组件 内存地址 data

  Vue 中的 data 必须是个函数,因为当 data 是函数时,组件实例化的时候这个函数将会被调用,
返回一个对象,计算机会给这个对象分配一个内存地址,实例化几次就分配几个内存地址,他们的
地址都不一样,所以每个组件中的数据不会相互干扰,改变其中一个组件的状态,其它组件不变。

简单来说,就是为了保证组件的独立性和可复用性,如果 data 是个函数的话,每复用一次组件就会返回 新的 data,类似于给每个组件实例创建一个私有的数据空间,保护各自的数据互不影响

标签:vue,函数,实例,组件,内存地址,data
From: https://www.cnblogs.com/le-cheng/p/17496774.html

相关文章

  • Vue项目优化
    代码层面的优化v-if和v-show区分使用场景computed和watch区分使用场景v-for遍历必须为item添加key,且避免同时使用v-if长列表性能优化事件的销毁图片资源懒加载路由懒加载第三方插件的按需引入优化无限列表性能服务端渲染SSRor预渲染......
  • Vue单项数据流是什么
    父级prop的更新会向下流动到子组件中,但是反过来则不行,防止从子组件意外改变父级组件的状态每次父级组件发生更新时,子组件中所有的prop都将会刷新为最新的值子组件想修改时,只能通过$emit派发一个自定义事件,父组件接收到后,由父组件修改 ......
  • DataFrame针对某一列求和及计算均值等统计属性
    DataFrame针对某一列求和及计算均值等统计属性数据为了方便展示,取前5个数据作为案例data=test_data.iloc[0:5]对col1列求和data['col1'].sum()对col1列求均值data['col1'].mean()对col1列求方差data['col1'].var()对col1列求标准差data['col1'].std()......
  • 箭头函数和普通函数有什么区别?
    1、箭头函数更加简洁。2、箭头函数没有自己的this,只会在自己作用域的上一层继承this3、箭头函数继承来的this指向永远不会变,使用call()|apply()|bind()等方法不能改变4、箭头函数不能作为构造函数使用,没有自己的arguments|prototype......
  • ORACLE的窗口函数(分析函数)
    ORACLE的窗口函数(分析函数)目录ORACLE的窗口函数(分析函数)前言描述实例有关ROWS/RANGE窗口的例子(借鉴其他的博客)常用分析函数汇总1.排名函数1.row_number()over()2.rank()over()3.dense_rank()over()2.count()over():计数3.sum()over():求和4.avg()over():求平均5.min()over(......
  • ant design vue的customRender()方法中使用$createElement提示undefined
    antdesignvue的customRender()方法中使用$createElement提示undefined报错信息如下:TypeError:Cannotreadpropertiesofundefined(reading'$createElement')原因:如果index.vue文件中是从另一个columns.js的文件中引用的列配置,在columns.js文件中的customRender()方法中使......
  • 【vue3】实现el-tree组件
     禾小毅csdn博客【vue3】实现el-tree组件,将不同层级的箭头修改成自定义图标的组件封装及调用【vue3】实现简易的“百度网盘”文件夹的组件封装实现【vue3】实现公共搜索组件,在当前页搜索的路由跳转不能改变当前值的操作,使用bus/event-emitter派发器......
  • 火山引擎DataTester:企业如何使用A/B实验优化商业化能力
     商业化是企业将研发成果,如新产品、新技术、新服务等,转变成可盈利的商业化产品;整个流程中包含了研发、推广、服务,全程通过精细化管理运营。商业化的本质是流量的变现,而对企业而言,商业化链路的打磨至关重要,每一个环节都会对转化产生影响。 一般来说,企业产品商业化的基本模式......
  • Excel基本函数说明
    一、Excel基本信息1、创建人$objPHPExcel->getProperties()->setCreator("MaartenBalliauw");2、最后修改人$objPHPExcel->getProperties()->setLastModifiedBy("MaartenBalliauw");3、标题$objPHPExcel->getProperties()->setTitle("Office200......
  • vue WebUploader 分块上传
    ​文件夹数据库处理逻辑public class DbFolder{    JSONObjectroot;       public DbFolder()    {        this.root= new JSONObject();        this.root.put("f_id", "");        this.root.put("f_nameLoc", "根......