VUE之组件（复用性、props、单向数据流）

通常一个应用会以一棵嵌套的组件树的形式来组织。–VUE：组件化、数据驱动

例如，可能会有页头、侧边栏、内容区等组件，每个组件又包含了其它的像导航链接、标题之类的组件。
为了能在模板中使用，这些组件必须先注册以便 Vue 能够识别。
组件的注册类型分两种：全局注册和局部注册。

组件复用性

可以将组件进行任意次数的复用，例如，利用组件定义一个超级链接，在项目中多次使用

场景：写一个广告组件（包含广告标题、广告词）

如果在模板中这样写，Vue 会显示错误，并解释道 every component must have a single root element (每个组件必须只有一个根元素)。
解决方案：将模板的内容包裹在一个父元素内，来修复这个问题

即组件模板template的单个根元素限制。

<