Vue.js 2 Web Development Projects

Using fetch

In the FAQ.vue Single File Component, we will use the standard fetch API of the web browser to retrieve the questions from our server. The request will be a very simple GET request to http://localhost:3000/questions with no authentication. Each question object will have title and content fields:

1. Open FAQ.vue and start by adding the questions data property in the component script, which will hold the array of questions retrieved from the server. We also need an error property to display a message when something goes wrong during the network request:

      <script>      export default {        data () {          return {            questions: [],            error: null,          }        },      }      </script>

2. Now we can add the questions and answers to the template with a v-for loop, and the following ...