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

Routing and Components

In this Vue.js tutorial we are going to connect together Vue routing and Vue components to make our single-page app work the way we want.

In the last two episodes we learned about Vue components and Vue routing. And now we are ready to put all that knowledge together and make our single-page application behave the way it's supposed to.

We are basically going to take the two main methods that we created for getting the list of movies and getting the single movie and convert them into components. Then we are going to connect them using Vue routing and routing parameters. As you will see that won't be complicated as it sounds.

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