如何使用 Vue js 从 JSON 文件中获取数据？ [关闭]答案

【问题标题】：How to get Data From JSON file using Vue js? [closed]如何使用 Vue js 从 JSON 文件中获取数据？ [关闭]
【发布时间】：2018-10-24 10:57:36
【问题描述】：

我在使用 Vue.js 从 JSON 文件中检索数据时遇到问题。 HTML和JSON数据和脚本如下.. 请帮忙...

<!DOCTYPE html>
<html>
  <head>
    <title>Vue with JSON</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.0/vue.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>          
  </head>

  <body>
    start 
    <br/>
    <div id="app">
      <h1>Data in JSoN</h1>
      <div v-for="udata in userData">
        id:{{ udata.id }} Name: {{ udata.name }}
      </div>
      <h1>End</h1>
    </div>

    <script>
      var dataURL='data.json';
      var App=new Vue({
        el:'#app',
        data:{
          userData:[]
        },
        mounted(){
          var self=this
          $.getJSON(dataURL,function(data){
            self.userData=data.users;
          });
        }
      })
    </script>

  </body>
</html>

和

JSON 文件是

{"user":[{"id":"1","name":"jaydeep Gondaliya","email":"jaydeep@live24u.com","phone":"121323232"},{"id":"2","name":"Kelly","email":"kelly@dd.com","phone":"12122322323"}]}

我无法得到结果.....

【问题讨论】：

不清楚是什么问题，只是它不起作用

标签： javascript html json vue.js

【解决方案1】：

我猜这是你的数据。如果您的响应是一个看起来像这样的对象（单数user）

{
  user: [...]
}

您不太可能使用复数 users elf.userData=data.users; 访问它

【讨论】：