One Page App With Drupal 8 and Vue.js Episode 6

Displaying Single Data Item

In this tutorial we are going setup our Drupal 8 API so that it will send only one movie to our Vue.js app. And then we are going to display that movie.

To display just a single movie when we click on a title of that movie we have to first setup our Drupal 8 View. We have to set it up so that it will take a node ID from the URL and then show us the movie with that node ID.

After that has been setup we are going to use that URL to get the data to our Vue.js application.

And there are some steps that we would have to do in between - hide our movie list, and display the actual movie that we clicked on.

As you will see this is sooo easy with Vue.js.

Wanna ask a question about video?

Like This Video?

Support it by sharing it ;)

© Watch And Learn,2024