One Page App With Drupal 8 and Vue.js
![Vue Transitions](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/5828471d265ba448142707.jpg/w=768)
Vue Transitions
In this episode of Drupal 8 and Vue.js tutorials I'm going to show you how you can make transitions between your components for better user experience.
![Register a User on Drupal 8](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/5828471d08ef6139580483.jpg/w=768)
Register a User on Drupal 8
In this episode of Drupal 8 and Vue.js tutorials we are going to create a way for our users to register on our Drupal 8 site.
![Update Movie With Vue.js](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/5828471cdbeaa101383369.jpg/w=768)
Update Movie With Vue.js
In this tutorial we are going to finish our CRUD system with Drupal 8 and Vue.js. The last thing we need to do is make an update system.
![Delete Movie With Vue.js](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/5828471cb9349829333097.jpg/w=768)
Delete Movie With Vue.js
In this tutorial I'm going to show you how to delete an item using Drupal 8 REST API and Vue.js.
![Creating Movie With Vue.js](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/5828471c9738d664457583.jpg/w=768)
Creating Movie With Vue.js
In this tutorial you will learn how to connect to the Drupal 8 REST API and create a new movie node using Vue.js and Vue resource plugin.
![Routing and Components](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/5828471c6bb80279530119.jpg/w=768)
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.
![Vue Routing](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/5828471c4e048427203509.jpg/w=768)
Vue Routing
In this Vue.js tutorial I'm going to show you how to setup routes for your Vue.js application.
![Vue Components](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/5828471c35894421813473.jpg/w=768)
Vue Components
In this Vue.js tutorial I'm going to make a short introduction to components in Vue.js, before we start putting our single-page app together.
![Displaying Single Data Item](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/5828471c13dca745902661.jpg/w=768)
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.
![Making Filter Dynamic](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/5828471bee0e6728335750.jpg/w=768)
Making Filter Dynamic
In this episode of Drupal 8 and Vue.js learn how to make our genre filter dynamic. And for that we are going to use jQuery.
![Enable CORS for Drupal 8](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/5828471b9dade214821012.jpg/w=768)
Enable CORS for Drupal 8
In this quick Drupal 8 and Vue.js video I'm going to show you how to enable CORS (Cross-Origin Resource Sharing) for Drupal 8.
![Live Filtering With Vue.js](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/5828471bd25e8414952441.jpg/w=768)
Live Filtering With Vue.js
In this episode of Drupal 8 and Vue.js tutorial series we are going to create live filters for our movies app using the power of Vue.js