#uni-app# 组件复用

前言

为什么需要组件复用，

那是因为在实际开发里面，往往会有一些重复性的版块，

这个时候为了减少代码的书写以及更高效地进行开发，

我们就会用到组件复用

---

提示：以下是本篇文章正文内容，下面案例可供参考

下面的组件主要是排版相同的组件之间的复用，不涉及传值

步骤：

第一步：

在目录——components里面，右键新建组件“test”

第二步：

在“test.Vue”组件里面，写出可复用组件的内容

第三步：

在需要用到复用组件的页面，进行引入、注册、使用复用组件

引入：

import test from "@/components/test/test.vue"

注册：

components: {
		test
	}

使用：

<test></test>

代码示例：

<template>
	<view>
	<test></test>
	</view>
</template>

<script>
	import test from "@/components/test/test.vue"
	components: {
		test
	}
	export default {
		data() {
			return {	
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">

</style>

效果展示：

 在其他页面进行同样的操作，也是有效果的