遇到一大堆复杂的问题时,直接上手解决的话是非常困难的。面对这种情况,我们可以将这个大问题细分成许多小问题,逐一的去研究解决这些小问题,累积下来,这个大问题也会被我们解决。

一.组件化思想
上述的思想就类似组件化的思想。
当我们要完成一个页面的功能时,直接创建一个Vue.js就开始编写代码的话,不仅逻辑复杂,而且后期也不好维护。
所以,要将一个页面划分成几个个小功能,完成这些小功能后,再将这个功能集成到页面中,当然,这些划分出的小功能也可以根据逻辑的复杂度再进行细分。
1.根据逻辑要求将页面划分成三个组件

2.计划独立完成各个组件的功能后,再集成到页面中

3.在完成每个组件时,可以根据逻辑再次细分组件,最后将每个完成的组件集成至页面

二、简述组件化的使用
1.生成组件构造器对象
2.注册组件
3.使用组件


网友评论