Vue组件简介中，有哪些关键特性或应用场景值得了解？

本文共计827个文字，预计阅读时间需要4分钟。

组件是什么？

Web的组件实际上就是页面组成的一部分，好比电脑中的每个元件（如硬盘、键盘、鼠标等）。它是一个具有独立逻辑和功能的单元，或是一个界面，同时又能根据规定的接口规则进行交互。

什么是组件？

web的组件其实就是页面组成的一部分，好比是电脑中的每一个元件（如硬盘、键盘、鼠标），它是一个具有独立的逻辑和功能或界面，同时又能根据规定的接口规则进行相互融合，变成一个完整的应用。

web页面就是由一个个类似这样的部分组成的，比如导航、列表、弹窗、下拉菜单等。页面只不过是这些组件的容器，组件自由组合形成功能完整的界面，当不需要某个组件，或者想要替换某个组件时，可以随时进行替换和删除，而不影响整个应用的运行。

前端组件化的核心思路就是将一个巨大复杂的东西才分成粒度合理的小东西。

使用组件的好处：

• 提高开发效率
• 方便重复使用
• 简化调试步骤
• 提升整个项目的课维护性
• 便于协同开发
  

组件（Component）是 Vue.js 最强大的功能之一。
组件可以扩展 HTML 元素，封装可重用的代码。
在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能。
在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。

组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：

vue.js的组件可以理解为预先定义好行为的ViewModel类。一个组件可以预先定义很多选项。