Vue JS Reload按钮无法正常工作（v-on：单击）

Question

因此，在努力实施简单的AJAX调用之后，我现在正在努力使用重新加载按钮。据我所知，语法为v-on:click="functionName"。

在我的情况下，我想使用的方法是fetchData所以 - ＆gt; 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>

这就是PhpStorm告诉我的关于v-on的内容：

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