vue $ 符号(例如vm.$data vs vm.data):读取实例属性 vs 读取 data 数据

本文详细介绍了在Vue.js中如何使用$符号读取实例属性,包括实例中属性列表的第一层和data数据属性的第二层。同时,对比了带有$符号和不带$符号读取属性的区别。

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

vm.$ 读取实例中属性列表(第一层)

vm.data 直接读取实例 data 数据属性中的数据值(第二层)。等价于 vm.$data.data

<script>

var ok=new Vue({ 
data:{
	a:"aa",
	b:"bb",
	c:"cc",
	data:"ddd",
	options:"op",
	myOption:"opp"},
自定义属性:"ok"
})

console.log("ok.$data读取数据属性对象:(包含多个键值对)"+ok.$data)

console.log("ok.$data.a读取数据属性中的data的值:"+ok.$data.data)
console.log("ok.$data读取数据属性中的data的值:"+ok.data)
</script>

一、带有 $ 符号,读取实例属性对象:(包含多个键值对)

vm.$data 

vm.$data


vm.$options 读取实例中所有自定义属性

结果:读取了实例中 自定义属性 oop1,和 opp2 

var vm=new Vue({ 
data:{
	aa:"aaaaa",
	bb:"bbbbb",
	cc:"ccccc"},
oop1:"zidingyiopp1",
opp2:"zidingyiopp2"
})

console.log(vm.$options)

二、带有 $ 符号+对象中具体某一项数据。vm.$data.aa 等价于 vm.aa

ok.$data.aa

三、不带有 $ 符号。直接读取数据属性(data)中具体某一项数据。 vm.aa 等价于 vm.$data.aa

vm.aa

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值