Vue2-ref和$refs获取组件dom和组件

使用ref绑定元素或组件，利用$ref获取元素与组件 

<template>
  <div class="box" ref="box"></div>
  <BaseChart ref="basechart"></BaseChart>
</template>

 BaseChart组件

<div>
<input v-model="username">
<input v-model="password">
</div>

methods: {
    // 1.组件提供方法
    getvalue() {
      return {
        username: this.account,
        password: this.password
      }
    },
    // 重置数据方法
    resetValues() {
      this.username = '',
        this.password = ''
    }
  },
};

mounted(){
// const chartDom = document.querySelector('.box');//获取页面中的元素
const chartDom = this.$refs.box//获取页面中的元素
const basedom=this.$refs.basechart.resetValues()//获取页面中的组件元素方法
}