码迷,mamicode.com
首页 > 移动开发 > 详细

uni-app 自定义组件

时间:2019-08-04 10:32:00      阅读:437      评论:0      收藏:0      [点我收藏+]

标签:自定义组件   创建   引用   obj   fun   imp   ops   val   htm   

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、在试图模板中使用组件
<组件名称 组件属性="对应的值"></组件名称>

  

uni-app 自定义组件

标签:自定义组件   创建   引用   obj   fun   imp   ops   val   htm   

原文地址:https://www.cnblogs.com/hinux/p/11297323.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!