Rumah  >  Artikel  >  hujung hadapan web  >  uniapp组件如何创建

uniapp组件如何创建

coldplay.xixi
coldplay.xixiasal
2020-12-08 13:59:054391semak imbas

创建uniapp组件的方法:首先新建组件【.vue】文件;然后创建组件文档结构,代码为【21c97d3a051048b8e55e3c8f199a54b23f1c4e4b6b16bbbd69b2ee476dc4f83aexport 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、在试图模板中使用组件
<组件名称 组件属性="对应的值"></组件名称>

相关免费学习推荐:编程视频

Atas ialah kandungan terperinci uniapp组件如何创建. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:uniapp如何取消页面滚动条Artikel seterusnya:uniapp如何全局定义变量