纯展示类组件(插槽解决)

在写业务的时候遇到了一个多业务模块都需要的一个通用的结构,然后就要封装 找到不一样的地方,抽象成插槽然后再使用的时候传入特定的模板

总结封装组件先写出通用的模板然后 然后准备好不同位置的的<solt name="xx">以后使用组件的时候只需要传入对应的插槽即可
注册成插件,根据vue的文档插件中需要要暴漏一个install方法,可以获得Vue的实例对象在方法内完成全局注册组件,Vue.use(‘x’)的时候就调用了这个install方法

纯展示组件(纯props)

el-card type=”big” 大卡片 el-card type=”small” 小卡片 传入不同的prop参数 显示出不同的大小 确定好组件一共 要展示那些不同的样式 通过枚举定义好不同的prop对饮不同的样式 再传入不同的样式即可

带有交互类的组件

轮播图组件 先设计props 一个时循环的图片list 一个是是否支持自动轮播 auto 然后开始编写轮播逻辑 根据参数控制轮播逻辑