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

创建一个组件后 在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>

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

。                        ​​​​​​​
                                                                                                                                                       感谢感谢~

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐