vue项目中使用组件化开发

最近在使用vue-cli结合webpack打包工具开发一个后台管理系统,使用vue不免须要运用组件化思想,而这也正是vue的一大特色.

在以前作的vue项目中,稍微有一点组件化的思想,多是对组件化不太擅长,致使一个页面要写不少的代码,两个不相干的功能写在一个vue文件里总感受很差,例若有两个弹框,一个是展现某个项目的列表,一个是编辑该项目列表中的某一项的数据,彻底可使用组件来区分开来,各自的功能和参数写在各自的.vue组件里面,而后提供一些接口函数便可,下降了代码的耦合性.

若是有两个组件大部分功能相似,可是仍是有其余的地方不同怎么办?

这个时候就可使用组件里面再套组件了,能够将相同的部分再进行一次组件封装.其余不同的地方各自使用的时候写不一样的功能便可.