Vue.js solt

solt 槽口

我们在使用组件的时候 通过 props 动态获取父组件给子组件传来的值 可以动态的渲染

但其实这个时候 这个组件等于一个通用的模板 他的数量固定的

但是当我们想给红色框插4个的时候 就可以用的槽口 solt

	  // 我是组件
		<solt>< solt>
		
//我是引用上面组件的父组件
 
 import soltCponentes   from “./index.vue”
//  假设已经调用过了    
<soltCponentes   >    

			<h1>插入的值   <h1>
</soltCponentes   >

具名槽口

我们如果有多个槽口 就可以给槽口具名 这样更名灵活

创建槽口时给槽口具名

	<solt   name= "name">    </solt>

使用槽口插入时使用槽口的名字

	<soltCponentes   solt= "name">    </soltCponentes   >