定义组件

两种组件的定义格式

注册局部组件

①创建一个PageTools文件夹并同时创建一个index.vue组件文件

②就和我们平时使用普通组件一样，先在使用该组件的文件中导入,在compoents中注册，然后在结构中使用

我们的业务组件一般都定义成了局部组件，使用的时候需要在components中注册，而我们全局通用组件一般是需要定义为全局组件的，不需要局部注册

注册全局组件

方法一：

①创建一个PageTools文件夹并同时创建一个index.vue组件文件

②直接在main.js中导入index.vue组件，给定组件名称以及组件的文件路径

③通过  Vue.component (组件名-字符串，导入时的组件名)  main.js

示例

以上我们通过Vue.component全局api实现了全局注册，在业务组件中就不需要再引入和注册了，直接在结构中使用即可。

方法二：公共组件（用 Vue.use()的方法注册全局组件）

1.关于Vue.use()

介绍：它是Vue提供的一个静态方法，用来向Vue注册插件（增强Vue的功能）

之前学习中用到的场景

应用实例

格式：Vue.use（obj）

原理：

Vue.use 可以接收一个对象，Vue.use(obj)

对象obj中需要提供一个 install 函数  在main.js中

install的参数及执行

定义全局组件的格式

Vue.component('组件名'， 组件对象)

在 Vue.use(obj) 时，会自动调用该 install 函数，并传入 Vue构造器

---

2.具体操作

①创建一个PageTools文件夹并同时创建一个index.vue组件文件

②创建一个专门用来封装组件的文件（提供统一注册的入口文件 ）src/componets/index.js

引入组件，提供install函数

③在main.js中注册插件，这里插件包含了文件中注册的所有组件，不是某一个

使用Vue.use()全局注册