使用uniapp注册全局组件

首先我们要在全局  注册全局组件

创建一个组件后 在main.js文件下

当然注册组件首先要新建一个组件目录然后引入。

//注册全局组件
//首先在文件下创建一个组件
import global from "components/global.vue"
//使用component方法
//语法 第一个参数为组件名称 第二个参数为引入的全局组件
Vue.component('my-global',global)

在全局下注册组件 ，在其他组件之中可以直接使用标签引入。

<my-global></my-global>

 全局组件同样可以通过组件进行传参。

上篇文章具体讲过父子传参的具体方法，全局组件同样适用呢！是不是很神奇！

	
<template>
<my-global :title="nbArr"></my-global>
</template>
<script>
export default {
		data() {
			return {
					nbArr:['IG','RNG','FPX']
			}
		},
}
</script>

 子组件中接受要通过props

<template>
<view v-for="(item,index) in title" :key="index">
			{{item}}
		</view>
</template>
<script>
export default {
        props:['title']
}
</script>

一个简单的全局注册组件就完成啦！

后续会持续更新的啦，喜欢的小伙伴点一下三联哦，一起学习前端互相分享经验。                        ​​​​​​​
                                                                                                                                                       感谢感谢~