- 博客(2)
- 收藏
- 关注
原创 Slot-具名插槽的使用
Slot-具名插槽的使用 前言 在我们使用插槽的时候,可能里面会有多个插槽,这个时候也可以定义多个插槽 比如在组件中定义三个插槽,而我只想把标题放在中间,只调用中间的插槽的话该怎么办。 具体使用 有的人可能会说直接引用不就好了,这种肯定不行,这样三个都替换掉了。如下右边的三个就可以看出来,要换的话就全部换掉了,达不到想要的结果 当我们想替换其中一个的时候,我们就可以给插槽取一个名字,下面这种组件里面的没有带上名字就只能替换没有带名字的插槽。如下就可以看出,我们引用的标题没有带名字就只能把默认的哈哈哈替
2020-12-16 16:44:29
600
原创 slot插槽的学习
Slot插槽 组件的插槽也是为了让我们封装的组件更具有扩展性 比如:移动网站种的导航栏: 移动开发中,几乎每个页面都有导航栏。 导航栏我们必然会封装成一个插件,比如nav-bar组件。 一旦有了这个组件,我们就可以在多个页面中复用了。 *(但不是每个都是这样的,京东的就不一样) 如何封装合适呢?抽取共性,保留不同。 最好的封装方式就是将共性抽取到组件中,将不同暴露为插槽。 一旦我们预留了插槽,就可以让使用者根据自己的需求,决定插槽中插入什么内容。 是搜索框,还是文字,还是菜单。由调用者自己来决定
2020-12-16 14:16:10
424
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人