Learn Vue 3 - Ep 15, Named Slots

Named Slots Đặt tên cho slot cho phép chúng ta tổ chức những content mà chúng ta muốn truyền vào tương ứng sẽ thay thế cho những slot nào

Learn Vue 3 - Ep 15, Named Slots We need the v-slot directive to refer to named slots Named slots allow for more control over where the content is placed within the child component's template

Named Slots Đặt tên cho slot cho phép chúng ta tổ chức những content mà chúng ta muốn truyền vào tương ứng sẽ thay thế cho những slot nào

vue slotscope Since 0, we can pass in dynamic slot names with v-slot For example, we can use it as follows: In the code above, firstname and lastname in data

The scoped slot now has two properties, row which represents the current row, and prop which represents the name of the current column The

vuejs slot They can be named, scoped, or even dynamic, allowing for more advanced component composition Let's dive into each type of slot and see how they

Named slots allow you to have multiple slots in a single component You can specify which slot to target by using the name attribute template>