我是靠谱客的博主 伶俐钻石,这篇文章主要介绍uniapp组件如何创建,现在分享给大家,希望可以做个参考。

本教程操作环境:windows7系统、uni-app2.5.1版本,Dell G3电脑。

推荐(免费):uni-app开发教程

创建uniapp组件的方法:

创建自定义组件

1、新建,组件.vue文件

2、组件文档结构

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

使用组件

1、引用组件
import 组件名称 from "../../components/组件名.vue";
2、注册组件
export default{
components:{
组件名称
},
}
3、在试图模板中使用组件
<组件名称 组件属性="对应的值"></组件名称>
登录后复制

以上就是uniapp组件如何创建的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是伶俐钻石最近收集整理的关于uniapp组件如何创建的全部内容,更多相关uniapp组件如何创建内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(171)

评论列表共有 0 条评论

立即
投稿
返回
顶部