Episode 02 • One Page App With Drupal 8 and Vue.js

Getting The Data From Drupal 8

In this Drupal 8 and Vue.js video we are going to learn how we can connect to the API that we will make with Drupal 8 and then display the data from it.

First we are going to make a new content type in Drupal and add some fields to it. Then we are going to create a view that is going to serve as our API end point.

Once that is all done we are going to go to Vue.js and learn how to connect to that API with a plugin for Vue.js called Vue Resource.

When we finally connect to the API the real fun begins. I'm going to show you how you can display all of the movies and connected fields that we created in Vue.js application.

Download code
  • Episode 01 • Duration 21:08

    Intro To Vue.js

  • Episode 02 • Duration 32:00

    Getting The Data From Drupal 8

  • Episode 03 • Duration 04:44

    Enable CORS for Drupal 8

  • Episode 04 • Duration 19:55

    Live Filtering With Vue.js

  • Episode 05 • Duration 15:52

    Making Filter Dynamic

  • Episode 06 • Duration 24:47

    Displaying Single Data Item

  • Episode 07 • Duration 09:42

    Vue Components

  • Episode 08 • Duration 14:26

    Vue Routing

  • Episode 09 • Duration 21:10

    Routing and Components

  • Episode 10 • Duration 31:35

    Creating Movie With Vue.js

  • Episode 11 • Duration 14:35

    Delete Movie With Vue.js

  • Episode 12 • Duration 23:01

    Update Movie With Vue.js

  • Episode 13 • Duration 25:16

    Register a User on Drupal 8

  • Episode 14 • Duration 13:35

    Vue Transitions

  • Episode 01 • Duration 21:08

    Intro To Vue.js

  • Episode 02 • Duration 32:00

    Getting The Data From Drupal 8

  • Episode 03 • Duration 04:44

    Enable CORS for Drupal 8

  • Episode 04 • Duration 19:55

    Live Filtering With Vue.js

  • Episode 05 • Duration 15:52

    Making Filter Dynamic

  • Episode 06 • Duration 24:47

    Displaying Single Data Item

  • Episode 07 • Duration 09:42

    Vue Components

  • Episode 08 • Duration 14:26

    Vue Routing

  • Episode 09 • Duration 21:10

    Routing and Components

  • Episode 10 • Duration 31:35

    Creating Movie With Vue.js

  • Episode 11 • Duration 14:35

    Delete Movie With Vue.js

  • Episode 12 • Duration 23:01

    Update Movie With Vue.js

  • Episode 13 • Duration 25:16

    Register a User on Drupal 8

  • Episode 14 • Duration 13:35

    Vue Transitions