如何使用Javascript在其外部调用vue实例

Question

如何在JavaScript中调用测试vue？这里是我的代码，我想在JavaScript函数中做某件事时调用测试。

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

你试图使用this内clickit()其中this指window，所以你只需要删除this，它应该调用视图模型内部的方法：

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

Answer 2

恐怕你没有使用谷歌。 谷歌搜索你的文章标题后，你可以找到明确的答案： Call a Vue JS component method from outside the component

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

希望它能帮助。