Reactivity - Learning by Accident with Jeff Schenck

559 views · Published 11 May 2018 · 9:15 · Indexed 21 September 2026

Channel: Vue Mastery · 2018 · Science & Technology

Watch on YouTube

One of Vue’s most distinct features is its reactivity system. Models are just plain JavaScript objects. It makes state management simple and intuitive, but there are also some common gotchas that can trip you up. In this talk, Jeff covers 3 gotchas of Vue's reactivity system and what you can do to get around them.

Download our free Vue.js syntax cheat sheet today by going to:
https://www.vuemastery.com/vue-cheat-...

Subscribe to our YouTube Channel: https://www.youtube.com/vuemastery

Follow us on Twitter: https://twitter.com/vuemastery

Like us on Facebook: https://facebook.com/vuemastery

Follow us on Instagram: https://instagram.com/vuemastery

Follow Us on LinkedIn: https://www.linkedin.com/company/vue-mastery

0:00 Introduction
0:41 Reactivity - learning by accident
1:50 Gotcha #1 - Adding and removing properties
4:20 Gotcha #2 - Modyfing array indices
7:15 Gotcha #3 - Relying on immediate DOM updates

More from this channel

• 31:49 Create an Engaging Native Mobile App with Vue and NativeScript - Jen Looper - VueConf US 2018

  Vue Mastery

  4,479 views · 20 April 2018

• 3:25 Dynamic Store Modules with Vuex by Adam Bradford

  Vue Mastery

  3,953 views · 11 May 2018

• 44:16 Human vs AI: Build a Mobile App with Vue.js, ML Kit, and NativeScript by Jen Looper

  Vue Mastery

  3,514 views · 30 November 2018

• 7:25 VUECONF TORONTO 2018 | Design Systems in Vue with Benjamin Michoux

  Vue Mastery

  3,667 views · 18 December 2018

• 8:41 VUECONF TORONTO 2018 | Vue Instance & Communication with the Outside World with Houmann Saffarzedeh

  Vue Mastery

  1,171 views · 21 December 2018