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中导入要注册的组件
代码如下: