$refs基本使用

$refs-获取DOM

components/More.vue

准备一个组件 然后引入到App内

More.vue

<template>
  <div>
      <p>1. 获取原生DOM元素</p>
      <h1 id="h" ref="myH">我是一个孤独可怜又能吃的h1</h1>
  </div>
</template>

<script>
// 目标: 获取组件对象
// 1. 创建组件/引入组件/注册组件/使用组件
// 2. 组件起别名ref
// 3. 恰当时机, 获取组件对象
export default {
    mounted(){
        console.log(document.getElementById("h")); // h1
        console.log(this.$refs.myH); // h1
    }
}
</script>

<style>

</style>

 通过id / ref, 都可以获取原生DOM标签

$refs-获取组件对象

准备一个Demo组件

components/Child/Demo.vue

让我们用组件调用组件

<template>
  <div>
      <p>我是Demo组件</p>
  </div>
</te