Drupal Vue

Posted onby admin
VueVueViewDrupal

Drupal Vue Tutorial

This is an example about how to build a decoupled drupal + vuejs application. Even it's not ready for production is a good starting point if you just need to understand how this kind of application can work together. Most of the backend lives on the web folder and the fronted lives on the frontend. In this Drupal 8 and Vue.js video series we are going to be creating a one page app using Drupal 8 as backend and Vue.js as front end for our application. Episode 02. Duration 32:00 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.

Drupal Views Slideshow

Vue allows developers to request and store Drupal content as data objects using the official Vue-Resource plugin. In combination with Vue, Drupal can exhibit its magic at the back end while the compelling features of the JS handle the client side.

Drupal Vuejs

  • Episode 01 • Duration 21:08

    Intro To Vue.js

    In this Drupal 8 and Vue.js video series we are going to be creating a one page app using Drupal 8 as backend and Vue.js as front end for our application.
  • Episode 02 • Duration 32:00

    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.
  • Episode 03 • Duration 04:44

    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.
  • Episode 04 • Duration 19:55

    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
  • Episode 05 • Duration 15:52

    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.
  • Episode 06 • Duration 24:47

    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.
  • Episode 07 • Duration 09:42

    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.
  • Episode 08 • Duration 14:26

    Vue Routing

    In this Vue.js tutorial I'm going to show you how to setup routes for your Vue.js application.
  • Episode 09 • Duration 21:10

    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.
  • Episode 10 • Duration 31:35

    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.
  • Episode 11 • Duration 14:35

    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.
  • Episode 12 • Duration 23:01

    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.
  • Episode 13 • Duration 25:16

    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.
  • Episode 14 • Duration 13:35

    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.