当前位置: 首页 > 编程笔记 >

vue prop属性传值与传引用示例

申博厚
2023-03-14
本文向大家介绍vue prop属性传值与传引用示例,包括了vue prop属性传值与传引用示例的使用技巧和注意事项,需要的朋友参考一下

vue组件在prop里根据type决定传值还是传引用。

简要如下:

传值:String、Number、Boolean

传引用:Array、Object

若想将数组或对象类型也以值形式传递怎么办呢?如下方式可以实现:

// component-A 引用component-B组件
<component-B :person="personList" 
       :personBak="person_Bak">
</component-B>
 
 
// component-A 部分关键代码
 
// 将数组复制,personBak与personList是两个“内容”相同但地址不一样的对象(数组),
// 这样可以变相的实现“传值”,person或personBak互不影响
person_Bak = JSON.parse(JSON.stringfy(this.personList));  
 
 
//component-B props部分
props: {
  person: {
    type: Object,
    default: {}
  },
  personBak: {
    type: Object,
    default: {}
  }
}

以上这篇vue prop属性传值与传引用示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • HubbleData基于真实的用户行为进行分析,其中用户属性用以刻画用户某一个方面的特质(例如性别),主要使用场景如下 行为分析:分析不同用户的行为差异,例如男女对同一商品的偏好差异,以及购买差异 用户分析:主要包括两个模块,用户属性分布以及用户群体圈选 A/B测试:对某一个用户群体定向投放内容或者进行实验。 备注: HubbleData的用户表尚未实现实时全量同步功能,如果需要用户表数据请联系产

  • Go 语言中 值类型 有:int 系列、float 系列、bool、string、数组、结构体 值类型通常在栈中分配存储空间 值类型作为函数参数传递,是拷贝传递 在函数体内修改值类型参数,不会影响到函数外的值 package main import "fmt" func main() { num := 10 change(num) fmt.Println(num) // 10 }

  • 主要内容:1、值传递,2、引用传递,3、输出传递通过前面的学习我们知道,在调用带有参数的函数时,需要将参数传递给函数。在介绍这几种传递方式之前,我们先来介绍一下形式参数(形参)和实际参数(实参)这两个概念: 形式参数:在定义函数阶段参数列表中定义的参数称之为形式参数,简称形参,可以将它看作变量的名称,它没有具体的值,只是用来接收函数调用时传递过来的数据; 实际参数:在函数被调用时传递给函数的参数称之为实际参数,简称实参,可以将它看作变量的值,用

  • 我想知道使用xpath是否可以实现以下目标 鉴于: 要求: 我想使用单个xpath表达式查找select元素,如下所示,bcs ID是动态的,并且在属性“for”中始终可用。 //label[text()=“Select Country”]/@for//*[@id=@for] 我们是否可以在xpath中传递属性值(此处为标签的属性),沿着路径进一步查找元素。 请不要建议使用兄弟姐妹、子级、id或s

  • 本文向大家介绍C#中值传递与引用传递的区别是什么?相关面试题,主要包含被问及C#中值传递与引用传递的区别是什么?时的应答技巧和注意事项,需要的朋友参考一下 值传递时,系统首先为被调用方法的形参分配内存空间,并将实参的值按位置一一对应地复制给形参,此后,被调用方法中形参值得任何改变都不会影响到相应的实参; 引用传递时,系统不是将实参本身的值复制后传递给形参,而是将其引用值(即地址值)传递给形参,因此

  • 问题内容: 我正在考虑我的应用程序的解决方案。这是一种情况:我有一个类,该类的方法将ObjectA作为输入参数并调用几个小方法,这些方法中的每个方法都需要ObjectA的某些部分(它们不重叠,即需求和,需求等等)。 …)现在的问题是:鉴于一般的良好代码实践和性能,将ObjectA传递给这些方法中的每一个方法更好,以便它们可以自己提取所需的值,还是仅传递它们的值更好?我的意思是: 要么 感谢您的任何