slots

前面我们介绍了component以及props今天我们要介绍的是slots

什麽是slots呢?它是利用slot的标签去把父层的内容传到子层，而Named Slots顾名思义就是有名字的slot，那为什麽我们需要去命名他呢?因为有时候我们会同时使用到很多个slot，如果他们每个都叫做<slot>父层就没有办法去辨别内容是要传到哪里了!

简单来说我们就是利用slot先把要开的洞开好，在让外面的资料插进来，在今天的范例中使用了4个slot，分别将他们命名为title, hours, minutes, seconds

那在今天的范例中有两个时间，你会发现一个会即时更新时间一个只会停在开启网页的时间，这是为什麽呢?这是因为用了两种function去写的，要让网页的时间即时更新需要使用到setInterval的function，但是要特别注意的是因为setInterval是每秒钟执行一次所以他会非常耗效能，所以在这种时後我们就需要使用到生命周期销毁阶段的beforeDestory的function去销毁

介绍到这里，你可能会想slots和props都是让东西放进去到底差在哪里呢?昨天我们说props是开一个固定格式的接口让你放东西进去，而slots他虽然也是开一个洞给你，不过他不会管你要放什麽东西进去，最後用一台主机来总结一下component, props和slots，主机它就是我们的component，而props就是我们主机上的USB孔，你只能插入USB，但是slots它的洞里面可以让你放任何东西进去，像是滑鼠、眼镜、手表...各式各样的东西

Demo
github