Detailed explanation of slot function in Vue3 -

website vue 3 slot Slots are a powerful feature in Vue that allow for more flexible and reusable components We use slots in Vue to send content from the parent into the template> vue slot name 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

vue 3 slot Named slots ​ In this example we have 3 slots The body slot is a scoped slot, passing on a slot prop As with the earlier examples, it could pass along the  팝업창과 같이 전체적인 UI는 유사하지만 내용이 다르게 들어가고싶은 경우가 있습니다 컴포넌트에 slot을 만들고 v-slot 디렉티브를 이용하면  vue 2 slot props work as expected, see svue-2-slot-props-rv3vb

Share

Share

Link

Turn off sharing Copy link

See all details