¿Alguien sabe por qué el número de variable no muestra el último valor cuando se hace clic en él? Intenté usar onMounted, pero no pareció hacer nada. Cuando hice clic en el párrafo, siempre muestra 1. Espero que muestre el último número agregado. ¿Algunas ideas?
<script setup> import TheWelcome from '@/components/TheWelcome.vue' import { onMounted, ref } from 'vue' import axios from "axios" let number = 1; function getCurrentNumber() { number++; console.log(number) } </script> <template> <main> <TheWelcome /> </main> <p @click="getCurrentNumber">Hello, this is a test to display {{number}}</p> </template>Así es como debería ser
<script setup> import { ref } from 'vue' const number = ref(1); function getCurrentNumber() { number.value++ console.log(number.value) } </script> <template> <p @click="getCurrentNumber">Hello, this is a test to display {{ number }}</p> </template>Aquí hay un ejemplo de trabajo .