vue的基本类型/值类型(primitive type / value type)和非基本类型/引用类型(non-primitive type / reference type)的区别

本文解析了Vue中基本类型(String, Boolean, Number)与引用类型(Array, Object)的区别,强调为何避免非基本类型作为v-for键值,并通过实例说明官方文档的建议。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

基本概念

在vue中,基本类型也称为值类型,字符串(Sring)、布尔值(Boolean)和数字(Number)这些都是基本类型(primitive type)。
非基本类型也可以理解为引用类型,数组(Array)和对象(Object)都属于引用类型(reference type)

区别

基本类型

基本类型/值类型(primitive type / value type)的变量直接保存的就是数据。

引用类型

引用类型(reference type)存放的值是指向数据的引用(reference),而不是数据本身。

这也是为什么vue官方文档中会有

Don’t use non-primitive values like objects and arrays as v-for keys. Use string or numeric values instead.
不要使用对象或数组之类的非基本类型值作为 v-for 的 key。请用字符串或数值类型的值。

这种说法的原因。
在这里插入图片描述

https://vuejs.org/v2/guide/list.html#Maintaining-State 的截图

在这里插入图片描述
https://cn.vuejs.org/v2/guide/list.html#Maintaining-State 的截图

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值