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