So rufen Sie die Vue-Instanz außerhalb in JavaScript auf

Question

Wie kann ich die Test-Vue in Javascript aufrufen? Hier ist mein Code, ich möchte testen, wenn ich etwas in Javascript-Funktion mache.

function clickit() { 
    this.test.fetchTestData();  
} 

var test = new Vue({ 
    el: '#viewport', 
    data: { 
     test_data: [] 
    }, 

    mounted: function() { 
     this.fetchTestData(); 
    }, 

    methods: { 
     fetchTestData: function() { 
      $.get(test.json, function (data) { 
       this.test_data = data; 
       alert(this.test_data.isActive); 
      }); 
     } 
    } 
}); 

Answer 1

Sie versuchen this innerhalb clickit() zu verwenden, wo this zu window bezieht, so brauchen Sie nur this zu entfernen und es sollte die Methode in der View-Modell nennen:

function clickit() { 
    test.fetchTestData();  
} 

Answer 2

Ich fürchte, Sie haben Google nicht verwendet. Nach dem Post-Titel googeln können Sie klare Antworten finden: Call a Vue JS component method from outside the component

https://laracasts.com/discuss/channels/vue/use-objects-outside-vue

Hoffe, es hilft.