Component Design Patterns in Vue: a free mini-course

评论

发表评论

此博客中的热门博文

The magic of scoped slots in Vue ✨ (3/4)

图片
Hey! In yesterday's email I shared what I think is the key feature to making Vue components highly reusable: Scoped slots. But scoped slots are hard to grasp, and even more difficult to master. So today, we're going to make sure we understand them on a deep, intuitive level. Then, I'm going to introduce you to the magic ✨ of scoped slots. The trick is to think of them as functions. Slots are just functions We're going to recreate the functionality of slots, but we'll use a regular Javascript function that only returns HTML. This is the code we'll replicate: <!-- Parent --> < template >   < div  class = "modal-container" >     < div  class = "modal" >       Content in the Parent       < Child  class = "mb-4"  v-slot = "{ text }" > ...
阅读全文