vue-composition-api

vue-composition-api-ref.vue

<template>
  <div>
    <p ref="msg"></p>
    <button type="button"
            @click="changeMsg">click me</button>
  </div>
</template>

<script>
  import { ref } from 'vue'
  export default {
    name: 'HelloWorld',
    setup() {
      const msg = ref(null);

      const changeMsg = () => {
        msg.value.classList.add('lalala');
        msg.value.textContent = 'Hello World'
      }

      return { msg, changeMsg }
    }
  }
</script>