Using Vue JS in WordPress : The 7 clean ways to do it
- Acheter maintenant
- En savoir plus
- Introduction
- Setup
Vue IN WordPress as Instances & Components (CDN)

1. Reusable Vue instances
2. Vue Instances in WP / PHP loops
3. Vue reusable components with WP / PHP template (1/2)
4. Vue reusable components with WP / PHP template (2/2)
5. Scoped Slots aka Renderless Components with WP / PHP data
6. String-template components with WP / PHP data
7. Using external Vue libs in WP / PHP template
Vue in WordPress with bundlers

8. Using Vue with Vue CLI within WordPress
9. Using Vue with Parcel JS bundler within WordPress
10. Refactoring our instances & components with the bundler
11. Creating & communicating with WP AJAX endpoints
12. Creating & communicating with WP custom REST API endpoints
Creatings SPAs/Web Apps within WordPress and standalone

13. Creating a WP plugin as a Sub-SPA / Sub-site with Vue CLI (works same with any bundler)
[BREAK] Understanding how rendering works for SEO (CSR, SSR...)
14. Creating an SPA with WordPress SSR & REST API
[BREAK] How to make AJAX & API calls properly with Vue
15. Using WordPress API with standalone Vue Apps (SPA, SSR, PWA, JAMStack)
Conclusion

Ressources
Sources of the "Freelance" WP (themes + plugin created in the course)

Setup

Let's see what we can do with a real life example + our dev setup