时间:2022-9-2 作者:悬浮的青春 分类: javascript
Vue中的槽可以有默认的内容,这使我们可以制作出更容易使用的组件。
button class="button" @click="$emit('click')"
Click me
我最喜欢使用默认槽,就是用它们来创建扩展点。
我们可以取组件的任何部分,将其封装在一个插槽中,在外面我们可以用想要的任何内容覆盖组件的该部分。默认情况下,它仍然会按照原来的方式工作,但这样做会有了更多的选项
复制代码
现在我们可以用许多不同的方式使用这个组件。简单的、默认的方式,或者自定义的方式。
<ButtonWithExtensionPoint text="Formatted text" />