slot 的机制感觉可以改的更灵活(vue改进建议)
发布于 7 年前 作者 fengtao 1677 次浏览 来自 分享
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

vue 的初学者,纯属个人想法,有什么见解欢迎评论,毕竟我是新人 ,还不太懂(谢谢)

<demo>
aa
bb
</demo>
	<template id="demo">
		<div>
			<slot name='aa'></slot>
					我是aaaa
			<slot name='bb'></slot>
		</div>
	</template>
(上边是一个slot的原版使用)	

这样使用slot可以使标签内原有的内容呈现,可是呈现的方式还要更改模板内的内容; 这样 组件的复用就受到了影响,如果我想再用一个demo 标签 然后还要保存内部内容,需要重新改模板,太麻烦了。

如果slot 写在 demo 标签中 而不是模板中,如果slot用来指代模板数据而不是标签内的数据是不是就好多了。 上边的代码改成下边这样:

<demo>
aa
<slot></slot>
bb
		</demo>
	<template id="demo">
		<div>
			我是aaaa
		</div>
	</template>

这样就不需要更改原来的模板了,如果模板中有多个标签,则模板中标签加name 。

总之就是slot 用来代指模板 更好, 可是省去修改模板的过程,一次设定可以多次使用。

回到顶部