第六节：Vue组件化开发(1)-什么是组件

---

前言

本博客的内容很多都来自官网，现在只是把自己的一些理解写出来给大家一起讨论学习
Vue官网

系列文章目录，Vue学习目录，每一章都有代码例子说明

一、什么是组件

1.1 单个理解

• 最简单的理解，组件也相当于一个小型的Vue实例，组件也可以有实例的各种属性。
• 组件是一个完整的单位个体，可以有js可以有css和html。（现在写的是没有包含css和js）。

1.2 整体理解

开发过html的人都知道，其实我们界面是由一个个div的布局来显示出来，每一个div里都有对应的展示内容，如果我们把这一个个div想象成一个整体，整体中又可以嵌套一个整体，最后我们界面就会变成一个个小模块组成。
Vue组件开发就是这个模式，先定义一个个组件(相当于一个div)，组件可以嵌套，然后组成一个整体。
如下图： 通常一个应用会以一棵嵌套的组件树的形式来组织：

1.3 组件的好处

• 可复用
• 低耦合

---

ALL：组件模板的学习目录

下一节：第六节：Vue组件化开发(2)-Vue组件初次使用