Uso de tragamonedas Vue (la forma más fácil de entender en la historia)

Tragamonedas con nombre

//子组件
<slot name="footer"></slot>
//父组件
<child1>
        
        <span slot="footer">
            <p>我是页尾的具体内容</p>
        </span>
    </child1>

Ranura anónima

子组件
<slot></slot>
父组件
<child>多云,最高气温34度,最低气温28度,微风</child>

Ranura de alcance

No se puede acceder a los datos del componente secundario en el componente principal. Los datos que se mostrarán siguen siendo los datos del componente secundario, pero la forma de visualización es diferente; los datos enlazados en la ranura de la plantilla del componente secundario se pueden obtener estableciendo la propiedad slot-scope

子组件 
<slot name="dada" up="上"></slot>
父组件
 <son>
template解释:2.1以上VUE版本可以用其他标签代替包裹
     <li solt="dada" slot-scopt="st">{
   
   {st.up}}</li> 
 </son>

 

 

Supongo que te gusta

Origin blog.csdn.net/qq_37430247/article/details/115224906
Recomendado
Clasificación