vue $ 符号（例如vm.$data vs vm.data）：读取实例属性 vs 读取 data 数据

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 

1. var vm=new Vue({

2. data:{

3. aa:"aaaaa",

4. bb:"bbbbb",

5. cc:"ccccc"},

6. oop1:"zidingyiopp1",

7. opp2:"zidingyiopp2"

8. })

9.  

10. console.log(vm.$options)

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

ok.$data.aa

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

vm.aa

转载地址：https://blog.csdn.net/weixin_41796631/article/details/86522458?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.channel_param