📦 组件(零)之 前言
为什么要📦组件 ?
以后台管理系统为例,项目中 el-form-item、el-table-column 冗余,导致代码可读性差、可维护性差,变相增加了代码体积
📦组件有什么好处 ?
- 复用性:提高代码复用率,提高开发效率,避免重复造轮子
- 维护性:降低代码耦合度,更容易定位和修复问题
- 可读性:代码看起来更清晰,有利于心情舒畅、身心健康
- 成长性:有利于提高个人技术😄
📦组件的几大要素:($attrs、$listeners、slot、10 种传值方式)
📦组件的核心思想:
以 封装 vxe-grid 为例
- 观察项目中所有表格的共性
- 将这些共性通过props传递并设置默认值
- 在子组件上绑定 v-bind="$attrs" v-on="$listeners",以兼容和接收原始组件的其余属性、方法
- 留好插槽,以供使用组件时可进行定制化开发
- 最后就是关于子组件的样式问题,可在公共样式或子组件内部定义好
另外 1 个就是关于自定义组件,可能涉及到 v-model 这个点