Vue 组件开发

组件（ component ）是 Vue 最强大的功能之一。

从概念上来说，它可以扩展 HTML 元素，封装可重用的代码。

组件基础

在 Vue 中，一个组件本质上来说就是一个拥有预定义选项的 Vue 实例，其特征如下：

• 组件，是一个自定义元素或称之为一个模块，包括所需的模板、样式和逻辑。

<div id="app">
	<Hello></Hello>
</div>

• HTML 模板中，组件以自定义标签的形式存在（ 起到占位符的功能 ），渲染后，占位符将会被替换为实际内容。

组件化应用构建

• 组件注册
• 组件通信
• 内容分发

概念1 - 单文件组件：每个组件里包含了展现、样式和功能，各个页面根据自己的需要，使用不同的组件来拼接页面。

概念2 - 组件系统：组件系统，是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。

这种开发模式使前端页面易于扩展，且灵活性高，同时，组件之间也实现了解耦。