点击切换帐号登陆
帐号密码登陆

什么是Vue全局组件?

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

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

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

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

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

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

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

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


任务

?不会了怎么办
无数据提示暂无评论哟...我要评论
网站导航
网站首页
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ交流群
微信公众号
微信公众号