1. 首页
  2. 编程面试题
  3. 前端
  4. Vue

组件如何封装



组件大致可以分为三类:

1. 页面级别的组件。通常是pages目录下
2. 业务上可复用的基础组件。通常都写到components目录下
3. 与业务无关的独立组件。如ElementUI,如果是自己定义的独立组件,通常写在utils目录

组件的编写

1. 建立组件的模板,先把架子搭起来,写写样式,考虑好组件的基本逻辑
2. 准备好组件的数据输入。即分析好逻辑,定好 props 里面的数据、类型
3. 准备好组件的数据输出。即根据组件逻辑,做好要暴露出来的方法
4. 封装完毕了,直接调用即可

组件最重要的两个一定是**数据**和**事件**。另外,组件开发要考虑可扩展性,在vue中组件通过**slot**来实现。用props定义组件的属性,自定义事件用于触发组件的事件。

发布者:admin,如若转载,请注明出处:https://ai1024.vip/41526.html

QR code
//