可复用组件封装的意义是什么?

可复用组件

本质上来讲,封装可复用组件,为了减少代码重复编写。

  • 属性 props
  • 事件监听 @自定义事件
  • 插槽 slot

属性

我们可以通过给子组件标签上添加属性,子组件中通过props接收这些属性,并且根据这些属性将组件设置成不同的养殖

自定义事件

组件内容的属性变化,我们要通过自定义事件通知父组件,父组件通过@自定义事件名去监听到对应的内容的改变

插槽

如果我们想要让用户在子组件标签中添加的内容出现在我们的组件里。可以使用slot,如果有多个位置需要添加,则使用具名slot,如果我们想要给用户留下数据,则使用作用域插槽

属性

  • 温度
  • 时间

slot

事件
complete 如果完成则发出 “叮”

猜你喜欢

转载自blog.csdn.net/m0_56232007/article/details/118938720
今日推荐