Question

我现在正在学习Vue，现在我想要调用我的后端并以JSON格式提取数据。我已经在线跟踪了多个Vue教程（不可否认他们都来自Laracast），他们每个人都说使用$ .get向后端发出get请求。但是，我收到$ is undefined错误。从阅读开始，似乎这可能是因为$是一个jQuery属性，但如果是这样的话，为什么这些教程没有提到有关导入或设置jQuery的任何内容？做Vue的唯一方法是做一个简单的get请求？

HTML：

<html>
<head><title>Tests</title>
</head>
<body>
<div id="app">
    <div v-for="item in queue">{{ item }}</div>
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="./app.js"></script>
</body>
</html>

JS档案：

new Vue({
    el: '#app',
    data: {
        queue: [],
        interval: null,
    },
    methods: {
        loadData: function () {
            $.get('localhost:4567/getQueue', function (response) {
                this.queue = response;
            }.bind(this));
        }
    },
    ready: function () {
        this.loadData();

        this.interval = setInterval(function () {
            this.loadData();
        }.bind(this), 3000); 
    },

    beforeDestroy: function(){
        clearInterval(this.interval);
    }
});

Answer 1

听起来像一个草率的书面教程，在Vue库之前或之后添加jQuery library将解决您的问题;但是，我发现主Vue examples / tutorials足以完全学习Vue。

我也强烈建议学习.vue template (Single File Components)。随后，它对您的架构变得更有价值，并加快了开发速度。

如果您对更多Vue资源check out this site感兴趣。

Vue ... $未定义

1 个答案: