ਸਲੌਟ ਅਤੇ ਸਕੋਪਡ ਸਲੌਟ ਕੀ ਹੁੰਦੇ ਹਨ?

Question

Accepted Answer

**ਸਲੌਟ** ਇੱਕ ਮਾਂ-ਬਾਪ ਨੂੰ **ਟੈਮਪਲੇਟ ਸਮਗ੍ਰੀ** ਇੱਕ ਬਾਲ ਕੰਪੋਨੈਂਟ ਵਿੱਚ ਪਾਸ ਕਰਨ ਦੇਣ ਦਾ — ਇਹ ਲਚਕਦਾਰ, ਮੁੜ-ਵਰਤੋਂ ਯੋਗ ਰੈਪਰ (ਕਾਰਡ, ਮੋਡਲ, ਲੇਆਊਟ) ਬਣਾਉਣ ਦਾ ਤਰੀਕਾ ਹੈ ਜਿੱਥੇ ਖਪਤਕਾਰ ਅੰਦਰੂਨੀ ਮਾਰਕਅਪ ਨਿਯੰਤ੍ਰਿਤ ਕਰਦਾ ਹੈ। ## ਬੁਨਿਆਦੀ ਸਲੌਟ ```vue ``` ```vue

Title

Any content!

``` ਬਾਲ ਇੱਕ "ਛੇਦ" ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ (``); ਮਾਂ-ਬਾਪ ਇਸ ਨੂੰ ਜਿਸ ਵੀ ਮਾਰਕਅਪ ਚਾਹਦੇ ਹਨ ਭਰਦਾ ਹੈ। ਇਹ props ਦੁਆਰਾ ਸਟ੍ਰਿੰਗ ਪਾਸ ਕਰਨ ਨਾਲੋਂ ਬਹੁਤ ਜ਼ਿਆਦਾ ਲਚਕਦਾਰ ਹੈ। ## ਨਾਮਿਤ ਸਲੌਟ — ਮਲਟੀਪਲ ਇੰਸਰਸ਼ਨ ਪੁਆਇੰਟ ```vue ``` ```vue

Main content (default slot)

``` ## ਸਕੋਪਡ ਸਲੌਟ — ਬਾਲ ਸਲੌਟ ਸਮਗ੍ਰੀ ਨੂੰ ਉੱਪਰ ਡਾਟਾ ਪਾਸ ਕਰਦਾ ਹੈ ਕਈ ਵਾਰ ਬਾਲ ਕੋਲ ਡਾਟਾ ਹੁੰਦਾ ਹੈ ਜਿਸ ਦੀ ਮਾਂ-ਬਾਪ ਦੀ ਸਲੌਟ ਨੂੰ ਜ਼ਰੂਰਤ ਹੁੰਦੀ ਹੈ (ਉਦ. ਲਿਸਟ ਵਿੱਚ ਹਰ ਆਈਟਮ)। **ਸਕੋਪਡ ਸਲੌਟ** ਬਾਲ ਤੋਂ ਮਾਂ-ਬਾਪ ਦੇ ਟੈਮਪਲੇਟ ਤੱਕ ਡਾਟਾ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੇ ਹਨ: ```vue ``` ```vue ``` ਸਕੋਪਡ ਸਲੌਟ **ਰੈਂਡਰਲੈਸ/ਹੈਡਲੈਸ ਕੰਪੋਨੈਂਟ** ਦੀ ਕੁੰਜੀ ਹਨ: ਬਾਲ ਤਰਕ ਸੰਭਾਲਦਾ ਹੈ (ਲੂਪਿੰਗ, ਫੇਚਿੰਗ, ਸਟੇਟ) ਅਤੇ ਮਾਂ-ਬਾਪ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਪ੍ਰਸਤੁਤੀ ਨੂੰ ਨਿਯੰਤ੍ਰਿਤ ਕਰਨ ਦਿੰਦਾ ਹੈ। ## ਕਿਉਂ ਇਹ ਮਾਇਨੇ ਰੱਖਦਾ ਹੈ ਸਲੌਟ Vue ਦੀ ਸਮਗ੍ਰੀ-ਵਿਤਰਣ ਵਿਧੀ ਹੈ — ਮੁੜ-ਵਰਤੋਂ ਯੋਗ ਲੇਆਊਟ ਅਤੇ ਰੈਪਰ ਕੰਪੋਨੈਂਟ ਲਈ ਜ਼ਰੂਰੀ। ਨਾਮਿਤ ਸਲੌਟ ਮਲਟੀਪਲ ਇੰਸਰਸ਼ਨ ਪੁਆਇੰਟ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ, ਅਤੇ ਸਕੋਪਡ ਸਲੌਟ (ਬਾਲ ਡਾਟਾ ਨੂੰ ਮਾਂ-ਬਾਪ-ਪਰਿਭਾਸ਼ਿਤ ਟੈਮਪਲੇਟ ਦੇ ਬਰਾਬਰ ਵੀ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੇ ਹਨ) ਤਾਕਤਵਰ ਪੈਟਰਨ ਜਿਵੇਂ ਹੈਡਲੈਸ ਕੰਪੋਨੈਂਟ ਅਤੇ ਕਸਟਮਾਈਜ਼ਯੋਗ ਲਿਸਟ/ਟੇਬਲ ਸਮਰਥ ਬਣਾਉਂਦੇ ਹਨ। ਇਹ ਉਹ ਹਨ ਜੋ Vue ਕੰਪੋਨੈਂਟ ਨੂੰ ਕਮਜ਼ੋਰ ਦੀ ਬਜਾਏ ਕੰਪੋਜ਼ਿਸ਼ਨਲ ਬਣਾਉਂਦੇ ਹਨ।