Uploaded November 2017 | Updated September 2026, 1 week ago

---

GET THE SOURCE CODE: github.com/learncodeacademy/vue-tutorials

In this Vue.js Tutorial, we'll load AJAX/XHR data using Vue lifecycle methods. Vue lifecycle methods allow us to take vue components and hook into them at various points for custom behavior.

The Vue framework is extremely simple to learn and fun to use.
It's my tool of choice for small widgets and simple apps, but can easily scale to large application development.
Vuejs is also the best framework for new JS developers to learn when starting out.

Vue.js 1: youtube.com/watch?v=mZY1yyrlJWU&index=1&list=PLoYCgNOIyGADZuvKJweutZDOO9VI9YiJ9
Vue.js 2: youtube.com/watch?v=h6lhOYv-QM4&index=2&list=PLoYCgNOIyGADZuvKJweutZDOO9VI9YiJ9
Vue.js 3: youtube.com/watch?v=t0w2KLOLaTA&index=3&list=PLoYCgNOIyGADZuvKJweutZDOO9VI9YiJ9
Vue.js 4: youtube.com/watch?v=1V9Lcnm1Dqw&index=4&list=PLoYCgNOIyGADZuvKJweutZDOO9VI9YiJ9
Vue.js 5: youtube.com/watch?v=inJDWcHmsss&list=PLoYCgNOIyGADZuvKJweutZDOO9VI9YiJ9&index=6
Vue.js 6: youtube.com/watch?v=Oyr5X5HwXhM&list=PLoYCgNOIyGADZuvKJweutZDOO9VI9YiJ9&index=5
Vue.js 7: youtube.com/watch?v=IkcJ0YAiycQ&list=PLoYCgNOIyGADZuvKJweutZDOO9VI9YiJ9&index=7
Vue.js 8: youtube.com/watch?v=mY2MiaYiSdw&list=PLoYCgNOIyGADZuvKJweutZDOO9VI9YiJ9&index=8
Vue.js 9: youtube.com/watch?v=mS9-fTrgjrA&list=PLoYCgNOIyGADZuvKJweutZDOO9VI9YiJ9&index=9

-~-~~-~~~-~~-~-
Also watch: "Tailwind CSS - why CSS utility classes save so much time"
youtube.com/watch?v=oU5ar0dmQEY
-~-~~-~~~-~~-~-