自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除