脚本宝典收集整理的这篇文章主要介绍了uniapp组件如何创建，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

创建uniapp组件的方法：首先新建组件【.vue】文件；然后创建组件文档结构，代码为【</template><script>export default {name: "组件名称",PRops: {属性名称: {tyPE:String】。

本教程操作环境：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组件如何创建所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。