<1>数据访问
(1) $data: vue实例观察的数据对象,Vue实例代理了对其data对象属性的访问
(2) $options : 用于当前Vue实例的初始化选项,需要在选项中包含自定义属性时会有处理
<2>DOM访问
(1) $el: vue实例使用的根DOM元素
<3>组件树
(1) $parent: 用来访问组件实例的父实例
(2)$children: 用来访问当前组件实例的直接子组件实例
(3) $root: 当前组件树的根Vue实例,如果当前实例没有父实例的话,此实例会是自己
(4) $refs :一个对象,包含了所有拥有ref 注册的子组件
<4>插槽
(1) $slot: 用来访问被slot分发的内容,每个具名slot都具有相应的属性
default属性包括了所有没有被包含在slot中的节点
(2) $scopedSlots: 用来访问scoped slots
<5>DOM方法的使用
(1) $nextTick(callback): 用来在下一次DOM更新循环后执行指定的回调函数 也可以用setimeout来计算
注:(在配合create钩子使用时,create钩子是尽可能早的获取d数据,create钩子在发送请求时,不会阻塞页面加载.其他钩子还在执行,数据还没拿到,就渲染出来了,此时可以用nextTick在dom更新完毕之后才执行) (nextTick相比updated触发频率低,性能更好), 但没有nextTick时,可以用seTimeout(function(){},1000)代替,效果一样,数据也可以拿到.
(2) $props: 当前组件接收到的props对象;vue实例代理了对其props对象属性的访问 (父传子)
网友评论