Vue中的HTML表是否可以从此Javascript代码中呈现?
我正在Vue中工作,从一个调用的API生成一个数据表,我有一个Javascript代码,它成功地在Chrome的控制台中返回数据: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 = '';
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的意义。