什么是Vue全局组件?
Lesson01. 细说全局组件
===================
**教学内容**
1. 全局组件的定义位置与基本语法
2. 全局组件的调用方式
----------------------------------------------------------
1.全局组件的定义位置与基本语法
------------------------
### 定义位置
- 必须在Vue实例创建之前定义
- 组件本质上就是一个缩小版的Vue实例,可以有自己的数据对象
### 基本语法
1. 使用全局对象Vue的component()方法定义
2. 语法: Vue.component('组件名称',{组件内容}),以下是详细说明:
- 组件名称:
+ 该名称会在模板中以html标签方式出现,而html标签不区分大小写
+ 所以必须全部用小写字母,并且为了防止与现有标签名冲突,推荐使用名称中用连接线-
- 组件数据:
+ 该数据是私有数据, 仅限于该组件使用
+ 组件中的数据必须使用函数回调定义,返回数据对象
- 组件模板
+ 可以使用自定义的数据
+ 注意组件的模板一定要有一个根元素,例如这里用的是div,即将模板内容必须包含在一个html标签内
+ 根元素不一定是<html><body>,只要有一个含义明确的html双标签,都可以的
+ 组件模板中,可以使用所有vue指令
----------------------------------------------------------
2.全局组件的调用方式
-----------------
- 组件模板以html标签方式直接插件到实例挂载点中调用
- 因为定义的是全局组件,所在可以在任何一个vue实例挂载点中都可以使用