Vue学习(二十八)——Vue组件化开发
一、组件化开发
1、什么是组件化?
所谓组件化,就是把页面拆分成多个组件,每个组件依赖的 CSS、JS、模板、图片等资源放在一起开发和维护。 因为组件是资源独立的,所以组件在系统内部可复用,组件和组件之间可以嵌套,如果项目比较复杂,可以极大简化代码量,并且对后期的需求变更和维护也更加友好。
2、使用组件的好处?
-
提高开发效率
-
方便重复使用
-
简化调试步骤
-
提升整个项目的可维护性
-
便于协同开发
3、组件化规范:Web Components
使用组件化开发会有如下一些问题:
- 我们希望尽可能多的重用代码
- 自定义组件的方式不太容易(html、css和js)
- 多次使用组件可能导致冲突
Web Components 通过创建封装好功能的定制元素解决上述问题,Vue部分实现了上述规范。