美文网首页
vue 中script 标签 有哪些属性 (vue实例有哪些属性

vue 中script 标签 有哪些属性 (vue实例有哪些属性

作者: Tz1314 | 来源:发表于2019-08-10 19:37 被阅读0次

<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对象属性的访问   (父传子)

相关文章

网友评论

      本文标题:vue 中script 标签 有哪些属性 (vue实例有哪些属性

      本文链接:https://www.haomeiwen.com/subject/kqorjctx.html