Vue中スロット指令

08.29自己総括
Vue中スロット指令

は、コンポーネントに差を残す便利な

である.

さらに、プラグインが親に書かれたデータであるため、子を伝達する必要がなく、親を伝達することができ、親を伝達する必要がないため、書き込みコード量

が減少する場合がある.
例

       //4.     
        
    



    //1.    
    let msgTag = {
        template: `
        <li>
            <slot name="     "></slot> //3.       
            <span>1111111</span>
        </li>
        `,
    };
    new Vue({
        el: '#app',
        components: {
            msgTag //2.    
        }
    })

いくつかのスロットの特殊な状況
ケース1: 、 結果ページのスロットはレンダリングされません
ケース2: 、 結果ページのスロットはレンダリングされません
ケース3: 、 結果ページのスロットがレンダリングされます
ケース4: 、 結果ページのスロットがレンダリングされ、スロットの位置が順次表示されます.
ケース5: N , n 結果ページでスロットがレンダリングされ、順次にスロットの位置が表示され、各スロットの位置がn個表示され、前提名が1つずつ対応する