Javascript Vue JS重新加载按钮不工作（v-on:单击）

因此，在花了数小时努力实现一个简单的AJAX调用之后，我现在正在努力使用一个重新加载按钮。据我所知，语法是

v-on:click=“functionName”

在我的例子中，我想使用的方法是

fetchData

so->

v-on:click=“fetchData”

然而，它什么也不做

这是我的vue代码：

<script>
    var url = '{{ route('getAllFiles') }}';
    new Vue({
        el: '#fileTable',

        data: {
            files: [],
            filesAreReady: false
        },

        created: function(){
            this.fetchData();
        },
        methods: {
            fetchData: function(){
                var self = this;
                self.filesAreReady = false;
                self.files = [];
                $.get(url, function(data){
                    self.files = $.parseJSON(data);
                    self.filesAreReady = true;
                });
            }
        }
    });
</script>

var url='{route（'getAllFiles'）}}'；
新Vue({
el:“#文件表”，
数据：{
文件：[]，
filesAreReady:false
},
已创建：函数（）{
这是fetchData（）；
},
方法：{
fetchData:function（）{
var self=这个；
self.filesAreReady=false；
self.files=[]；
$.get（url、函数（数据）{
self.files=$.parseJSON（数据）；
self.filesAreReady=true；
});
}
}
});

这就是PhpStorm告诉我的关于

v-on

：

---

我正在通过UNPKG.com CDN使用最新版本的Vue。

加载页面时，您的“fetchData”方法是否有效？该方法是否被调用？返回的状态码是什么？控制台中是否有任何错误？是的，fetchData在pageload上工作。控制台中没有错误。@Scarwolf单击按钮（在按钮内设置断点）时，您是否可以判断是否调用了fetchData方法？您可以显示您的模板吗？您可以使用

@单击

。也许你有其他模板引擎的一些限制。我正在使用Laravels刀片模板引擎内部的vue，如果这有帮助的话。