Reactivity in Vue 3 - How does it work?

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ธ.ค. 2024

ความคิดเห็น • 18

  • @tommycard4569
    @tommycard4569 9 หลายเดือนก่อน

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

  • @LuminesAtC
    @LuminesAtC 3 หลายเดือนก่อน

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

  • @rthangam77
    @rthangam77 3 ปีที่แล้ว +1

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

  • @VueMastery
    @VueMastery  3 ปีที่แล้ว +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.

  • @JianJiao-y4t
    @JianJiao-y4t ปีที่แล้ว

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

  • @mathe42
    @mathe42 2 ปีที่แล้ว +7

    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 9 หลายเดือนก่อน +3

      strong guys don't study weak maps

  • @anantawijaya1594
    @anantawijaya1594 ปีที่แล้ว

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

  • @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?

  • @icandebug1124
    @icandebug1124 3 ปีที่แล้ว +1

    Greeeat !

  • @honza139706
    @honza139706 3 ปีที่แล้ว

    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 3 ปีที่แล้ว

    Amazing

  • @wangmingchang
    @wangmingchang 3 ปีที่แล้ว

    nice!

  • @NoDoubt747
    @NoDoubt747 ปีที่แล้ว

    🙌👏