Cómo llamar a la instancia de vue fuera de ella en Javascript

Agradecemos tu ayuda para extender nuestros ensayos acerca de las ciencias de la computación.

Solución:

Estás tratando de usar this dentro clickit() donde this se refiere a window, por lo que solo necesita eliminar this y debería llamar al método dentro del modelo de vista:

function clickit() 
   test.fetchTestData();    

Otra forma de llamar al método VueJs usando java-script externo.

En primer lugar debemos crear un archivo. nombre evento.js

import Vue from 'vue';

export default new Vue(
    data: 

    
);

Después de eso, debemos importar ese event.js a nuestro componente.

import Event from "../event.js";

Entonces podemos emitir un evento en nuestra función javascript como a continuación

function yourJavascriptFunction()
    Event.$emit("fetchdata");

En su componente, la propiedad montada debería ser como la siguiente:

mounted() 
  Event.$on("fetchdata", group => 
    this.fetchData();
 );
,
methods() 
  async fetchData() 
     console.log('hoooray :)');
  
,

Sección de Reseñas y Valoraciones

Más adelante puedes encontrar las interpretaciones de otros usuarios, tú aún eres capaz dejar el tuyo si dominas el tema.

---

---

Utiliza Nuestro Buscador