返回到顶部组件两种方法使用ref和使用document.querySelector（“获取dom元素“）

一。我们要获取页面中的dom元素

这里我们有两种获取页面dom元素的方法
第一种是使用ref

vue中ref的作用

vue中的ref其实功能很强大，下面介绍一下如何使用。

基本用法，本页面获取dom元素

<template>
  <div id="app">
    <div ref="testDom">11111</div>
    <button @click="getTest">获取test节点</button>
  </div>
</template>

<script>
export default {
   
  methods: {
   
    getTest() {
   
      console.log(this.$refs.testDom)
    }
  }
};
</script>

其实ref除了可以获取本页面的dom元素，还可以拿到子组件中的data和去调用子组件中的方法

二。 获取子组件中的data

2.1 子组件中的代码

<template>
  <div>
      {
  { msg }}
  </div