父子组件之间传值之引用类型和非引用类型的区别

最新推荐文章于 2023-04-16 10:25:01 发布
最新推荐文章于 2023-04-16 10:25:01 发布
阅读量266 收藏
点赞数
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_45159572/article/details/119211713
版权

首先,什么是引用类型?什么是非引用类型?

引用类型:Array,Object

非引用类型:Number,String,Boolean...

其次,他们父子组件之间传值有什么区别?

引用类型父组件传值给子组件后,子组件修改了该参数,父组件可以直接获取子组件

非引用类型是父组件传值给子组件后,子组件修改了该参数后要传值回父组件

然后,引用类型传值要注意什么?

父组件传参的数据是一个空的对象或者数组,实际上是将这个数组在父组件中的地址传给了子组件,因此子组件修改该参数时,父组件内的相应参数会直接改变,也正是如此,在子组件中处理该参数不能直接赋值,要通过splice进行添加删除或者push进行添加,否则会报错

最后,看一下引用类型和非引用类型传参的例子

如果想要了解详细的组件之间传值,请到该网站了解:https://cn.vuejs.org

引用型

非引用型:

 

HebyH_
关注
vue父子组件传值
upStar1的博客
03-01 2万+
记录一下项目中遇到的问题。 因为一个流程对应一种单据，所以每次点击单据详情，应该出现相应的单据内容。在另一个页面，也需要调用这个单据内容。 因为vue不能直接调用弹出框，所以老师把单据内容写成了组件，在另一个页面直接调用这个组件就行。这个功能涉及到了父子组件传值的内容。（其实在本来显示单据内容的页面，只要根据后端传的内容判断显示哪个单据就可以，但是因为在另一个页面也需要调用单据内容，所以写成组件会更方便。由此，如果一个页面或者弹出框，在很多个页面需要用到，可以把这个地方的内容写成组件） ......
变量的引用类型和非引用类型的区别
weixin_30566063的博客
08-08 136
/////////////////////////// // author:liyuechao // date:2014.8.8 //////////////////////////// // algo1-3.cpp 变量的引用类型和非引用类型的区别 #include<stdio.h> void fa(int a) // 在函数中改变a，将不会带回主调函数(主调函数中的a仍是原...
引用类型变量和非引用类型变量的区别
07-17 1184
#include<stdio.h> void fa(int a){ a++; printf("在函数a中，a = %d\n", a); }void fb(int &a){ a++; printf("在函数a中，a = %d\n", a); }void main(){ int n = 1; printf("在主程中，调用函数fa之前：n = %d\n",
引用数据类型和非引用数据类型
weixin_52060913的博客
04-16 221
在对引用类型数据进行赋值操作时，实际上是将该数据类型对象的引用地址赋给了相应的变量，因此多个引用变量可以同时引用同一个对象，在改变其中任意一个引用变量所引用对象的属性时，其他引用变量引用的对象也会发生相应变化。非引用数据类型即基本数据类型，包括`byte`、`short`、`int`、`long`、`float`、`double`、`char`、`boolean`这8种。例如`byte`类型会被转换为`Byte`类，`int`类型会被转换为`Integer`类等。
函数返回值：引用类型和非引用类型
HappyJandun's 学习笔录
04-26 1767
1，什么时候返回引用是正确的？而什么时候返回const引用是正确的？        返回指向函数调用前就已经存在的对象的引用是正确的。当不希望返回的对象被修改时，返回const引用是正确的。
ue中props传值，父组件向子组件传递对象可以直接修改的问题
weixin_43206442的博客
10-08 252
1.vue中父子组件通信最常用的方式是props和$emit，通常来说，父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外改变父级组件的状态，从而导致你的应用的数据流向难以理解。 但是当父组件的传值是数组或者对象时，子组件中不仅能够直接修改，还不会报错，在子组件中改变这个对象或数组本身将会影响到父组件的状态。 可以看到，修改props传过来的值，是可以修改的，父组件里面也会跟着修改。 2.接下来分析下出现这种情况的原因： （1）JavaScript 数据类型.
vue.js 传值方法（父子组件传值、非父子组件传值）
01-08
**一、父子组件传值** 1. **父组件向子组件传递值** - 基本原理：使用`props`属性从父组件向子组件传递数据。 - 步骤： - 在父组件中导入并注册子组件，例如： ```javascript import HomeChild from './...
Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)
12-09
如果是电商网站系统的开发，还会涉及到购物车的选项，这时候就会涉及到非父子组件传值的情况。当然你也可以用Vuex状态管理工具来实现，这部分我们后续会单独介绍。我先给大家介绍Vue开发中常用的三种传值方式。 Vue...
浅谈vue父子组件怎么传值
10-18
总结来说，Vue提供了简洁的props和自定义事件机制来处理父子组件之间的数据流动。理解并掌握这些机制对于构建Vue应用至关重要。通过props，父组件可以向下传递数据给子组件；通过自定义事件，子组件能够向上通知父...
C++： 函数返回非引用类型与返回引用类型
所有内容都已迁移到 https://huqijun.org
09-26 470
函数的返回过程和参数传递过程是相对称的两个的过程。 参数传递从调用函数向被调用函数传递， 返回值从被调用函数向调用函数返回。 有与传递方式的区别（拷贝副本与传递本身）， 函数形参可以分为引用形参和非引用形参； 类似的，函数返回值也可以分为非引用类型返回值和引用类型返回值， 二者的差异和引用形参和非引用形参类型。 当函数返回非引用类型是，返回值的拷贝副本用来初始化在函数调用处创建的临时
vue组件的基础 父子组件的传值
LickDog的博客
12-04 312
vue组件的基础 父子组件的传值 在我们vue项目目录中有个components文件在里面我们是专门注册组件的 创建组件 创建组件就跟我们创建一个vue文件一样的，它也有单独的data,methods,周期等，创建组件有全局创建和局部创建，但是我们几乎都只会用局部创建很少会用到全局创建，全局创建在打包时不管你用没用到都给你一起打包，局部我们创建过后了除自身不会使用，其余想在那使用就在那引入就行。 使用组件 父子组件之间的传值 通过props实现父组件向子组件传值 **父组件中** 子组件中 传递
c学习16--返回引用类型&非引用类型
吃不饱、力不足的博客
04-13 413
应明白返回非引用类型，会创建临时对象，可以返回局部变量； 返回引用类型，不会创建临时对象，所以不可以返回局部变量； 1.1代码 int fun1(int x,int y){ int sum; sum = x + y; return sum; } void test_10_01(){ int a = 1; int b = 2; printf("fun1(a,b)=%d\n",fun1(a,b)); } 1.2 执行结果 1.3 分析 返回值 非引用类型，可以返回局.
值类型和引用类型的区别
weixin_43235210的博客
02-20 311
值类型和引用类型并不是不好区分. 我们常见的解释是这样的 -- 值类型保存的是具体的值, 引用类型保存的是值的地址. 之前看到一位大佬的解释, 觉得非常直白易懂. 值类型就是现金, 要直接引用; 引用类型是存折, 要用还得先去银行取现. 声明一个值类型变量, 编译器会在栈上分配一个空间, 这个空间对应着该值类型变量, 空间里存储的就是该变量的值. 引用类型的实例分配在堆上, 新建一个引用类型...
理解Java中的引用传递和值传递
weixin_34023982的博客
04-01 621
关于Java传参时是引用传递还是值传递，是一个讨论比较多的话题，有说Java中只有值传递，也有些地方说引用传递和值传递都存在，本篇记录思考过程，不保证正确性， 感兴趣的同学一起讨论。   1.基本类型和引用类型在内存中的保存 Java中数据类型分为两大类，基本类型和对象类型。相应的，变量也有两种类型：基本类型和引用类型。基本类型的变量保存原始值，即它代表的值就是数值本身；而引用类型的变量保...
Java中基本类型和引用类型的区别
热门推荐
peng的博客
06-22 1万+
Java中基本类型和引用类型的区别 一、基本数据类型： byte：Java中最小的数据类型，在内存中占8位(bit)，即1个字节，取值范围-128~127，默认值0 short：短整型，在内存中占16位，即2个字节，取值范围-32768~32767，默认值0 int：整型，用于存储整数，在内在中占32位，即4个字节，取值范围-2147483648~2147483647，默认值0 long：长整型，...
引用类型和基本类型的区别？
冰魂魄的博客
06-08 1万+
两者的区别可以主要从以下三个方面说起：1：内存空间   2：对值的操作   3：变量的复制        《javascript高级程序设计》中对于二者的定义是：基本类型值指的是简单的数据段，而引用类型值指那些可能由多个值构成的对象。    基本数据类型包括  number string boolean undefined  null     引用类型包括:array  object functi...
值类型与引用类型的区别
鑫仔的博客
05-31 334
首先我们先简单了解(复习)一下栈与堆 1、栈区：存放函数的参数值、局部变量等，由编译器自动分配和释放，通常在函数执行完后就释放了，其操作方式类似于数据结构中的栈。栈内存分配运算内置于CPU的指令集，效率很高，但是分配的内存量有限，比如iOS中栈区的大小是2M。 2、堆区：就是通过new、malloc、realloc分配的内存块，编译器不会负责它们的释放工作，需要用程序区释放。分配方式类似于数据结构中的链表。在iOS开发中所说的“内存泄漏”说的就是堆区的内存。 3、静态区：全局变量和静态变量（在iOS中就是用
vue3父子组件传值引用类型
最新发布
05-20
在 Vue3 中，父子组件之间传递引用类型的数据，可以使用 `v-model` 或者 props 和 emit 结合的方式。 使用 `v-model`： 1. 在子组件中，将需要传递的引用类型数据绑定到 `value` 上。 ``` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值