Vue 3.0 核心组件组合(核心概念FH)

目录

1 什么是Vue组件?

2 创建一个Vue组件

3 全局注册组件

4 局部注册组件

5 脚手架：Vue 应用开发的利器

6 使用 Vite 创建 Vue 项目

7 创建和使用单一文件组件

8 props 属性：自定义组件内容

9 组件动态属性值绑定

10 组件属性类型验证和默认值

11 传递组件未定义的属性

12 插槽：传递模板到子组件

13 使用多个插槽占位

14 子组件事件：向父组件传递数据的途径

1 什么是Vue组件?

组件的定义是什么呢？组件即为自定义标签。它是Vue框架的重要组成部分之一。将其页面中的可重复使用的内 容封装以便于调用。

全局组件
作用域：在所有实例中都可以使用

语法：Vue.component:{"组件名不能喝现有的html标签重名",{

template:"

}

注意

• 名称以大写字母开头的形式仅限于 template 配置项中的 HTML 代码块内或单文件组件的 HTML 实现中。
• 在纯 HTML 文件如 index.html 中引用组件时必须采用小写字词连字符分隔的形式。
• 在定义组件名称时建议使其由两个以上词汇组成 以避免与内置的 HTML 标签产生混淆。

2 创建一个Vue组件

html:

  <div id="a