关于封装vue组件的一些感悟

接触vue后,分到的任务除了做常规页面外,更多的是封装组件。
对于我刚开始接触的时候,是在分不清组件的深层次意义,感觉就像是一个普通的页面一样去写就好了。
后来在更多的项目中发现,组件是提高开发效率的利器,但是对于封装组件的维度,就要看你对项目的理解和整体把握了。
一开始封装组件,更多的是做到父组件传配置参数,子组件实现效果,但是这样的方式过于定制化,对于确定相同模板复用的情况下,还要考虑到多种数据和操作的场景,因此设定的参数会较为复杂,不过的确有效提高效率,在一些简单复用的场景下,几分钟就可以配置出一张可以有复杂操作的页面,着实高效。
但是对于后面的项目来说,可能没有这么多重复场景,更多的是希望组件能够兼容,因此我了解到插槽的模式slot,这种方式更多的是把父子组件间的通用操作交互进行封装,具体效果还是在父组件中进行编写,这样的好处是减少数据和方法的来回调用,但是代码量会相对于前者来说有一定量的提升,在场景不是很复杂的情况下,只是复用框架模板,我觉得插槽是一个很好的方案。
组件封装就如同类的抽象,是否能做到合适,更重要的是取决于你对项目的整体把握和设计,是否会有很多复用场景,在场景中的操作是否也是复用的,数据格式是否通用,遇到极端场景能否支持,这些我理解都是需要在封装组件前进行仔细考虑的地方。
对于前端来说我还是个白痴,只能在一点点的研发过程中不断试错才能知道什么是对的。一篇毫无高级技术的心得总结,希望能对看到的初学者有一点帮助吧。

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值