如何用简洁语言理解VUE组件？

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

目录前言

一、全局组件

1.定义

2.全局组件调用

二、局部组件

1.定义

2.局部组件调用

前言为什么Vue就开始流行并在近几年实用起来了呢？主要内容是Vue因其强大的响应式特性而流行并实用。

目录

• 前言
• 一、全局组件
• 1、定义
• 2、全局组件调用
• 二、局部组件
• 1、定义
• 2、局部组件调用

前言

为什么vue就开始在前几年就流行并且实用起来了？这主要的是因为由于vue的一个最强大的功能就是vue的组件，vue的组件到底有什么强大的功能呢？原因有两个，一个是组件的复用性很高；另一个是可以减少重复性的开发。

一、全局组件

1、定义

全局组件的语法是：vue.component（‘组件名’，{配置选项}）；

然后，我们进一步理解一下，组件名应该怎么定义：组件名的定义规则是，使用短横线分隔命名，字母小写并且还需要一个连字符。配置选项对象：创建的配置选项的对象和new Vue创建的配置的实例接收相同的选项对象，这些对象属性里面有：data、computed、methods等等

一个组价可以预定义很多选项，最核心的是一下两个

结构模板template

这个模板声明了数据䄦最终显示给用户的DOM之间的映射关系。