vue $slot基本用法

Posted 2020-10-12 fm060

slot内容分发

 

如果有first传入 ，下面first就被替换，如果没有first传入，则显示下面模块中的内容

<children> 
			<span slot="first">【12345】</span> 
		</children> 

<div><slot name=‘first‘><button>【如果没有内容则显示我1】</button></slot>为了明确作用范围，<slot name=‘last‘><button>【如果没有内容则显示我2】</button></slot>所以使用button标签</div>