笔记：Vue特殊attribute--ref

ref：被用来给元素或子组件注册引用信息。即给标签添加ref属性。

<script>
    <button ref="ref属性名"></button>
</script>

在组件中的mounted钩子函数中可以用console.log获取到加了的ref属性的标签的集合。

<script>
    <!--一个对象中的$refs持有注册过ref属性的所有DOM元素和组件实例-->
    conslole.log(this.$refs)
</script>

<script>
    <!--在普通标签中this.$refs.xxx可以获取到原生的js DOM对象-->
    <h1 ref='kobe'></h1>
    console.log(this.$refs.kobe);

    <!--若是在组件中绑定了ref属性,那么this.$ref.xxx获取到的是当前的组件对象-->
    <component ref='james'></component>
    console.log(this.$refs.james);
</script>