什么是Vue全局组件?

Lesson01. 细说全局组件
===================

**教学内容**
1. 全局组件的定义位置与基本语法
2. 全局组件的调用方式

----------------------------------------------------------

1.全局组件的定义位置与基本语法
------------------------

### 定义位置
- 必须在Vue实例创建之前定义
- 组件本质上就是一个缩小版的Vue实例,可以有自己的数据对象

### 基本语法
1. 使用全局对象Vue的component()方法定义
2. 语法: Vue.component('组件名称',{组件内容}),以下是详细说明:

- 组件名称:
    + 该名称会在模板中以万博manbetx平台标签方式出现,而万博manbetx平台标签不区分大小写
    + 所以必须全部用小写字母,并且为了防止与现有标签名冲突,推荐使用名称中用连接线-
    
- 组件数据:
    + 该数据是私有数据, 仅限于该组件使用
    + 组件中的数据必须使用函数回调定义,返回数据对象
    
- 组件模板
    + 可以使用自定义的数据
    + 注意组件的模板一定要有一个根元素,例如这里用的是div,即将模板内容必须包含在一个万博manbetx平台标签内
    + 根元素不一定是<万博manbetx平台><body>,只要有一个含义明确的万博manbetx平台双标签,都可以的
    + 组件模板中,可以使用所有vue指令
    
----------------------------------------------------------

2.全局组件的调用方式
-----------------
- 组件模板以万博manbetx平台标签方式直接插件到实例挂载点中调用
- 因为定义的是全局组件,所在可以在任何一个vue实例挂载点中都可以使用
任务

?不会了怎么办
什么是Vue全局组件?

任务

讲师其他课程
