Vue - ref属性

ref属性

1.ref属性被用来给元素或子组件注册引用信息（id的替代者）
2.应用在html标签上获取的是真是的DOM元素

3.应用在组件上获取的是组件实例对象（VueComponent）

<template>
  <div id="app">
    <img alt="Vue logo" src="./assets/logo.png">
    <Info ref="info"></Info>
    <div ref="info2">
      <div></div>
    </div>
    <button @click="btnClick">点击查看ref</button>
  </div>

</template>

<script>
import Info from "@/components/Info";
export default {
  name: 'App',
  components: {
    Info
  },
  methods:{
    btnClick(){
      console.log(this.$refs.info)
      console.log(this.$refs.info2)
    },
  }
}
</script>