Vue.js 学习笔记九：组件化开发之认识组件化

目录

认识组件化

什么是组件化

Vue 组件化思想

---

认识组件化

什么是组件化

一个组件相当于是一个模块，他是独立存在于我们的 vue 应用里面的。那么，一个组件可以在多个页面去复用的，同样的道理在这个页面上我们也可以重复使用这个组件。然后这个组件的里面是包含整个组件要用到的业务逻辑和样式的，所以说它也是一个整体化的。

组件化的第一个目的就是实现了模块的复用，不需要我们去把功能代码或者是业务代码重复的去编写，而且也很方便的去进行一些维护；第二个目的就是在代码的执行层面，它可以很高效的去执行 demo 的渲染。

最后，就是在我们去开发一些复杂的单页面应用的时候或者是复杂的页面应用，利用组件化的思想是很方便的让我们把这种复杂的业务逻辑进行一个拆分。

我们将一个完整的页面分成很多个组件，每个组件都用于实现页面的一个功能块，而每一个组件又可以进行细分。

简答来说，组件可以扩展 HTML 元素，封装可重用的代码。

 

Vue 组件化思想

组件化是 Vue 中的重要思想。它提供了一种抽象，让我们可以开发出一个个独立可复用的小组件来构造我们的应用。任何的应用都会被抽象成一颗组件树。

组件化思想的应用：有了组件化的思想，我们在之后的开发中就要充分的利用它。尽可能的将页面拆分成一个个小的、可复用的组件。这样让我们的代码更加方便组织和管理，并且扩展性也更强。