slot 的用法

vue组件中slot标签可以将html从父组件传入子组件。

比如:

20180121002106.jpg

这是一个有着“你好!”标志的红色按钮vue组件。

现在根据需求,需要把这个标志改成“你好!世界”,最快的方法就是直接在现有的标志后面加上“世界”。

20180121002723.jpg

在html结构中的a组件中加入了html标签,然而网页上并没有渲染出来。

这时,就需要用到slot标签了。把slot标签插入到要放参数的vue组件中,html 结构中a组件的参数就可以在网页上成功的渲染出来了。

slot标签有name属性可以用来分发内容,不同名字的slot标签匹配对应slot特性的元素。

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容