Vue学习(二十八)——Vue组件化开发

一、组件化开发

1、什么是组件化?

所谓组件化,就是把页面拆分成多个组件,每个组件依赖的 CSS、JS、模板、图片等资源放在一起开发和维护。 因为组件是资源独立的,所以组件在系统内部可复用,组件和组件之间可以嵌套,如果项目比较复杂,可以极大简化代码量,并且对后期的需求变更和维护也更加友好。
Vue学习(二十八)——Vue组件化开发

2、使用组件的好处?

  • 提高开发效率

  • 方便重复使用

  • 简化调试步骤

  • 提升整个项目的可维护性

  • 便于协同开发

3、组件化规范:Web Components

使用组件化开发会有如下一些问题:

  • 我们希望尽可能多的重用代码
  • 自定义组件的方式不太容易(html、css和js)
  • 多次使用组件可能导致冲突

Web Components 通过创建封装好功能的定制元素解决上述问题,Vue部分实现了上述规范