uni-app 自定义组件

Posted 2022-06-10 hinux

1.创建自定义文件

<template name="组件名称">
	<view>
	    ......
	</view>
</template>
<script>
export default 
	name: "组件名称",
	//属性
	props: 
		属性名称: 
			type: String,//属性类型
			value: "值"
		,
		......
	,
	//组件生命周期
	created:function(e)
	
	,
	methods: 
		函数名称:function(obj)
		
		,
	

</script>
<style>
组件样式
</style>
 

　2.组件引用

1、引用组件
import 组件名称 from "../../components/组件名.vue";
2、注册组件
export default
	components:
		组件名称
	,

3、在试图模板中使用组件
<组件名称 组件属性="对应的值"></组件名称>