ਸਲੌਟ ਇੱਕ ਮਾਂ-ਬਾਪ ਨੂੰ ਟੈਮਪਲੇਟ ਸਮਗ੍ਰੀ ਇੱਕ ਬਾਲ ਕੰਪੋਨੈਂਟ ਵਿੱਚ ਪਾਸ ਕਰਨ ਦੇਣ ਦਾ — ਇਹ ਲਚਕਦਾਰ, ਮੁੜ-ਵਰਤੋਂ ਯੋਗ ਰੈਪਰ (ਕਾਰਡ, ਮੋਡਲ, ਲੇਆਊਟ) ਬਣਾਉਣ ਦਾ ਤਰੀਕਾ ਹੈ ਜਿੱਥੇ ਖਪਤਕਾਰ ਅੰਦਰੂਨੀ ਮਾਰਕਅਪ ਨਿਯੰਤ੍ਰਿਤ ਕਰਦਾ ਹੈ।
ਬੁਨਿਆਦੀ ਸਲੌਟ
<!-- Card.vue -->
<template>
<div class="card">
<slot></slot> <!-- parent's content is injected here -->
</div>
</template>
<!-- parent -->
<Card>
<h2>Title</h2> <!-- this markup fills the slot -->
<p>Any content!</p>
</Card>
ਬਾਲ ਇੱਕ "ਛੇਦ" ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ (); ਮਾਂ-ਬਾਪ ਇਸ ਨੂੰ ਜਿਸ ਵੀ ਮਾਰਕਅਪ ਚਾਹਦੇ ਹਨ ਭਰਦਾ ਹੈ। ਇਹ props ਦੁਆਰਾ ਸਟ੍ਰਿੰਗ ਪਾਸ ਕਰਨ ਨਾਲੋਂ ਬਹੁਤ ਜ਼ਿਆਦਾ ਲਚਕਦਾਰ ਹੈ।
