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:"
·
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
更多推荐
已为社区贡献23条内容
所有评论(0)