[TOC] # 组件 > 组件化是Vue重要的思想 > > 1. 它提供了一种抽象，让我们可以开发出一个个独立可复用的小组件来构造我们的应用。 > > 2. 任何的应用都会被抽象成一颗组件树。 >  >组件化思想的应用开发： > >1. 有了组件化的思想，我们在之后的开发中就要充分的利用它。 >2. 尽可能的将页面拆分成一个个小的、可复用的组件。 >3. 这样让我们的代码更加方便组织和管理，并且扩展性也更强 ### 定义 >[info]1.可以把template里面的内容写在template标签里面，根据id值进行关联 2.template这个属性要求（组件要求）：只能有一个根元素 3.命名：首字母大写,如果在html结构里面使用，标签的首字母不需要大写,名字后面如果有大写字母的，转换成小写，用-连接 ### 局部组件的数据使用 组件使用的数据要定义在组件内部的data中，格式是 data:function(){ return { 定义的数据名：值 } }