vuejs

8. Preface
In this chapter, we are going to go a little deeper and demonstrate how we can use Vue.js to consume
an API.
Following the story examples of previous chapters, we will now use some real data, coming from an
external source.
In order to use real data, we need to make use of a database. Assuming that you already know how
to create a database, it won’t be covered in this book. To work along with the book’s examples, we
got you covered, we have already created one to be put to use.
8.1 CRUD
Presume we have a database, we need to perform CRUD operations (Create, Read, Update, Delete).
More particularly, we want to
• Create new stories in the database
• Read existing stories
• Update existing story’s details (such as ‘upvotes’)
• Delete stories that we don’t like
Since Vue.js is a Front-end JavaScript framework, it cannot connect to a database directly. To access a
database we need a layer between Vue.js and the database, this layer is the API (Application Program
Interface).
8.2 API
Because this book is about Vue.js and not about designing APIs, we will provide you a demo API
built with Laravel¹. Laravel is one of most powerful PHP frameworks along with Symfony2, Nette,
CodeIgniter, and Yii2. You are free to create your API using any language or framework you like. I
use Laravel because it is simple, it has a great community, and it is awesome! :)
Therefore, we strongly recommend to use the demo API that we have built exclusively for the book’s
examples.
¹https://laravel.com/
94