Vue | Vue中 ref 的用法及演示

这篇文章主要介绍了Vue中ref的用法及演示，ref被用来给元素或子组件注册引用信息。引用信息会被注册在父组件上的$refs对象上，下面来看看文章的详细内容，需要的朋友可以参考一下。

ref 定义：被用来给元素或子组件注册引用信息。引用信息会被注册在父组件上的$refs对象上。

• 如果是在普通的dom元素上使用，引用指向的就是dom元素；
• 如果用在子组件上，引用指向的就是组件实例。

举例：

组件1：

<template>
  <div>我是{ {name}}</div>
</template>

<script>
  export default {
    name: "Cpn1",

    data() {
      return {
        name: "组件1",
      };
    },
  };
</script>

组件2：