注册全局组件的两种方式

1.注册全局组件的原因:

     在项目中会多次使用

2.公共的.vue的文件要写入哪里?

   src/components下

3.在项目的任意组件中直接使用

4.注册的方式

一.传统方式

步骤:

       1.定义一个.vue的组件,要预备作为全局组件

       2.在main.js中导入这个组件  

          import XXX from "路径"

          Vue.component("名字要是字符串的格式",XXX)

       3.就可以直接在任何的组件中使用了,不在需要在单独的进行导入-注册-使用

代码如下:

 二:Vue.use()的使用

使用的好处:如果有更多的组件需要注册使用,无需在修改main.js文件,只要在components/index.js                       中导入注册即可

使用说明:

• Vue.use 可以接收一个对象，Vue.use(obj)
• 对象obj中需要提供一个 install 函数
• 在 Vue.use(obj) 时，会自动调用该 install 函数，并传入 Vue构造器

 使用介绍:

使用步骤:

1.在componet下定义index.js文件

2.在main.js中导入要注册的组件

代码如下: