Comprender el uso básico de ref y $refs

La comprensión simple de ref es que puede obtener el elemento dom. Si usa el método js tradicional para obtener el elemento, puede usar getElementById y otros métodos.

Caso: al hacer clic en un botón, la etiqueta p cambia de color

Establezca una referencia para el elemento P. En el siguiente método, use $refs para obtener el elemento dom

<template>
  <div class="news">
    <p ref="myP">侦听器</p>
    <button @click="changeColor">变色</button>
  </div>
</template>

<script>
export default {
  name: "hello",
  data() {
    return {
      
    };
  },
  methods: {
    changeColor(){
      this.$refs.myP.style.color = 'red'
    }
  },
};
</script>