1. 犀牛前端部落首页
  2. Vue.js去哪儿

Vue2.5开发去哪儿网-Vue.js基础前端组件化

这篇文章给大家讲解前端组件化的概念

Vue2.5开发去哪儿网-Vue.js基础前端组件化

上面的页面,大家可以看到一个页面有很多部分组成,如果没有组件化,我们需要把代码都写在这个页面的业务逻辑上,这样会造成页面的业务逻辑非常的多,之后维护起来非常的困难。

组件:个人的理解就是页面的一个部分。

也就是我们将页面原来的一个整体,切割成一个个部分,每个部分我们都称之为一个组件,例如顶部我们就可以将其称为一个组件,你还可以将右上角的一个按钮拆分为一个组件,合理的拆分组件可以将大型的项目,像拼积木一样拼接起来,一个大型的项目业务逻辑可能非常的复杂,但是将其拆分为一个个组件之后,每一个组件变得非常的轻巧,每一个组件的维护相对来说容易很多。

所以在真实的开发中,使用组件化进行大型项目的开发,会使得我们的代码在后续的维护性上提高。

在这篇文章中,大家需要记住一点,每一个组件其实就是页面上的一个区域。

大家加油~

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/2724.html

发表评论

登录后才能评论