Javascript 从Vue.js中的JSON文件导入数据，而不是手动数据

这是我第一次使用Vue.js。我制作了这个应用程序，它使用我在脚本中手动添加的数据。现在我希望能够添加一个JSON文件，从中获取数据，但我不知道如何才能做到这一点。下面你可以找到我的代码

HTML:

编辑： 我的代码现在看起来像这样，但它现在只返回{{post.title}}等

负责人：

JSON posts.JSON:

[ {标题：三星Galaxy S9，scherm:35，batterij:15}， {标题：华为P10，scherm:65，batterij:25}， {标题：iphonex，scherm:40，batterij:35}， {标题：华为P20Lite，scherm:35，batterij:75}， {标题：三星A9，scherm:20，batterij:45}， ] Vue cli：

在名为posts.json的文件中设置该数据并按如下方式导入：

    import posts from "./posts.json";

并将其分配到挂载钩子中的postList：

CDN

在您的情况下，应该使用AJAXAPI，比如axios

 computed:{
  .... 
  },  
  mounted(){
       axios
           .get('posts.json')
           .then(response => (this.postList = response.data))
           }
        }

您的脚本应该包括以下脚本：

    <script src="https://unpkg.com/vue@2.5.17/dist/vue.js"></script>
   <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="https://unpkg.com/vue-axios@2.1.4/dist/vue-axios.min.js"></script>

身份证件 标题 身体 {{post.id} {{post.title} {{post.body}} Vue cli：

在名为posts.json的文件中设置该数据并按如下方式导入：

    import posts from "./posts.json";

并将其分配到挂载钩子中的postList：

CDN

在您的情况下，应该使用AJAXAPI，比如axios

 computed:{
  .... 
  },  
  mounted(){
       axios
           .get('posts.json')
           .then(response => (this.postList = response.data))
           }
        }

您的脚本应该包括以下脚本：

    <script src="https://unpkg.com/vue@2.5.17/dist/vue.js"></script>
   <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="https://unpkg.com/vue-axios@2.1.4/dist/vue-axios.min.js"></script>

身份证件 标题 身体 {{post.id} {{post.title} {{post.body}}

  computed:{
  .... 
  },  
  mounted(){
      this.postList=posts
        }

 computed:{
  .... 
  },  
  mounted(){
       axios
           .get('posts.json')
           .then(response => (this.postList = response.data))
           }
        }

    <script src="https://unpkg.com/vue@2.5.17/dist/vue.js"></script>
   <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="https://unpkg.com/vue-axios@2.1.4/dist/vue-axios.min.js"></script>