vue小技巧2默认内容和扩展点

时间:2022-9-2    作者:悬浮的青春    分类: javascript


Vue中的槽可以有默认的内容,这使我们可以制作出更容易使用的组件。
button class="button" @click="$emit('click')"
  
    
    Click me
  


我最喜欢使用默认槽,就是用它们来创建扩展点。
我们可以取组件的任何部分,将其封装在一个插槽中,在外面我们可以用想要的任何内容覆盖组件的该部分。默认情况下,它仍然会按照原来的方式工作,但这样做会有了更多的选项

复制代码
现在我们可以用许多不同的方式使用这个组件。简单的、默认的方式,或者自定义的方式。

<ButtonWithExtensionPoint text="Formatted text" />

       Do something a little different here   

WRITTEN BY

avatar