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

 

 

Logo

前往低代码交流专区

更多推荐