DrupalCon Amsterdam 2019:Progressive decoupling in action: using Vue.js to ...

This talk presents a practical guide on using Vue.js to enhance the course pages of a UK Higher Education institution's Drupal 8 site, providing rich application-like functionality. The speaker, Phil Wolstenholme, shares real-world examples that illustrate the advantages of a lightly or progressively decoupled approach with Vue, emphasizing its suitability over alternatives like React. Key topics include passing data from Drupal to Vue, utilizing Vue’s reactivity for efficient DOM manipulation, and ensuring compatibility with existing JavaScript, such as Foundation tabs and jQuery. The session also explores Vue’s templating capabilities alongside Twig, accessibility considerations, and SEO implications, concluding with valuable tips and insights drawn from the speaker's project experience.