Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue中的HTML表是否可以从此Javascript代码中呈现?_Javascript_Html_Api_Vue.js - Fatal编程技术网

Vue中的HTML表是否可以从此Javascript代码中呈现?

Vue中的HTML表是否可以从此Javascript代码中呈现?,javascript,html,api,vue.js,Javascript,Html,Api,Vue.js,我正在Vue中工作,从一个调用的API生成一个数据表,我有一个Javascript代码,它成功地在Chrome的控制台中返回数据: import JQuery from 'jquery' let $ = JQuery $(document).ready(function(){ $.getJSON("https://jsonplaceholder.typicode.com/posts", function(data){ var employeeData = '';

我正在Vue中工作,从一个调用的API生成一个数据表,我有一个Javascript代码,它成功地在Chrome的控制台中返回数据:

import JQuery from 'jquery'
let $ = JQuery

$(document).ready(function(){
    $.getJSON("https://jsonplaceholder.typicode.com/posts", function(data){
        var employeeData = '';

        console.log(data);

        $.each(data, function(key, value){
            employeeData += '<tr>';
            employeeData += '<td>'+value.userId+'</td>';
            employeeData += '<td>'+value.id+'</td>';
            employeeData += '<td>'+value.title+'</td>';
            employeeData += '<td>'+value.body+'</td>';

            employeeData += '<tr>';
        });
        $('#tracerouteTable').append(employeeData);
    });
});

如何在Vue的模板标记中编写此文件,以使用v-for呈现此表

你做得完全不对-你不需要jQuery来做这件事。 我给你举了个例子

新Vue{ el:应用程序, 数据:{ 用户:[] }, 创造{ axios,快https://jsonplaceholder.typicode.com/users' .thenresponse=>this.users=response.data } } 名称 电子邮件 {{user.name} {{user.email}
确切地我首先要学习什么是VUE以及它是如何工作的。这是您试图翻译成Vue的jQuery代码,还是您试图翻译成Vue代码?如果是前者,您应该向我们展示您在Vue中的尝试。如果是后者,你就误解了Vue的意义。