Vue组件

1.组件概念

组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树: image-20200829153944152.png

说白了:就是前端设计的代码复用,不用重复设计轮子。

2.为什么需要组件?

代码复用

3.如何使用组件

三步曲:创建组件构造器、注册组件和使用组件。

image-20200829154103398.png

全局组件格式:

Vue.component(组件名,{参数代码设置})