讲讲slot,这是一个内容插槽。用它可以很方便的重复利用一个template(我自己的理解)。

从代码中可以看出,第一个<my-component>中有分发内容,所以显示的是Hello it's not slot。
第二个<my-component>中没有分发内容,所以显示的是<slot>里面的内容。
运行结果如下图:

讲讲slot,这是一个内容插槽。用它可以很方便的重复利用一个template(我自己的理解)。
从代码中可以看出,第一个<my-component>中有分发内容,所以显示的是Hello it's not slot。
第二个<my-component>中没有分发内容,所以显示的是<slot>里面的内容。
运行结果如下图:
本文标题:vue学习笔记(三)未写完
本文链接:https://www.haomeiwen.com/subject/aeemaqtx.html
网友评论