重新认识vue之 ref

ref

ref 被用来给元素或子组件注册援用信息。援用信息将会注册在父组件的 $refs 对象上。此时对 ref 的熟悉在于,元素属性写了 refs, 则能够经由过程 this.$refs 接见到该元素。实在ref 用在差别位置,接见到的东西是不一样的。

ref 在子组件上

假如在一般的 DOM 元素上运用,援用指向的就是 DOM 元素;假如用在子组件上,援用就指向组件实例。
也就是说 假如ref 用在子组件上,我们还能够经由过程 this.$refs.xxx 挪用子组件要领。比方 this.$refs.pointdDetailChart(param) ,条件是 这个组件有这个要领。

ref 注册时刻

由于 ref 自身是作为衬着效果被建立的,在初始衬着的时刻你不能接见它们 – 它们还不存在!$refs 也不是相应式的,因而你不应该试图用它在模板中做数据绑定。

    原文作者:侯贝贝
    原文地址: https://segmentfault.com/a/1190000016200222
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞