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

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

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


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

vm.$data 

vm.$data

vue $ 符号(例如vm.$data vs vm.data):读取实例属性 vs 读取 data 数据_第1张图片


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

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

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

console.log(vm.$options)

vue $ 符号(例如vm.$data vs vm.data):读取实例属性 vs 读取 data 数据_第2张图片

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

ok.$data.aa

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

vm.aa

 

 

你可能感兴趣的:(vue)