小兔网

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

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组件如何创建的知识。速戳>>知识兔学习精品课!