Reactivity in Vue 3 - How does it work?

Поделиться
HTML-код
  • Опубликовано: 2 окт 2024

Комментарии • 18

  • @JianJiao-y4t
    @JianJiao-y4t Год назад

    Well explained the 3 main containers and trigger logic in 10 minutes. That's cool !

  • @mathe42
    @mathe42 2 года назад +6

    there is a mistake! Maps can have objects as keys! In Weakmaps the keys arent strongly held so there can happen GC. There is a great http203 episode about all the weak stuff.

    • @ycombinator765
      @ycombinator765 7 месяцев назад +2

      strong guys don't study weak maps

  • @LuminesAtC
    @LuminesAtC Месяц назад

    "Your tutorial is simple and easy to understand. Thank you so much!"

  • @VueMastery
    @VueMastery  2 года назад +4

    Want to watch the next lesson in this course? Head over to 👉 www.vuemastery.com/courses/vue-3-reactivity/proxy-and-reflect
    FYI💡 We have an entire library of premium Vue courses for all skill levels filled with detailed explanations just like this one.

  • @rthangam77
    @rthangam77 2 года назад +1

    Thanks for the video. Any chance we can know how templating works ?

  • @anantawijaya1594
    @anantawijaya1594 11 месяцев назад

    thanks by the way, love the explanation after using vue for some month 😁

  • @tommycard4569
    @tommycard4569 7 месяцев назад

    Years later I still come back to this video, love it

  • @icandebug1124
    @icandebug1124 2 года назад +1

    Greeeat !

  • @ToofanShian
    @ToofanShian Год назад

    thanks, but where is the next lesson ? it's been a year passed and there isnt any next video yet ! was that just to make me wonder around the playlist and channel ?!

    • @VueMastery
      @VueMastery  Год назад

      The full course is available here 👉 www.vuemastery.com/courses/vue-3-reactivity/proxy-and-reflect

  • @bertrodgers2420
    @bertrodgers2420 Год назад

    what colour scheme is that please?

  • @honza139706
    @honza139706 2 года назад

    But how are triggers triggered in vue reactivity?

    • @DEVDerr
      @DEVDerr 2 года назад +7

      They're triggered automatically by overriden default object getters and setters behavior, thanks to JavaScript Proxy API.
      Each time you call yourVariable.value, then instead of calling default getter => it calls trigger() on your object. That's why in new vue reactivity `.value` is so important. It's directly bound to JavaScript native Proxies

  • @Arabian_Abomination
    @Arabian_Abomination 2 года назад

    Amazing

  • @wangmingchang
    @wangmingchang 2 года назад

    nice!

  • @NoDoubt747
    @NoDoubt747 Год назад

    🙌👏