So erstellen Sie eine Uniapp-Komponente

So erstellen Sie eine Uniapp-Komponente: Erstellen Sie zuerst eine neue Komponentendatei [.vue] und dann eine Komponentendokumentstruktur. Der Code lautet [21c97d3a051048b8e55e3c8f199a54b23f1c4e4b6b16bbbd69b2ee476dc4f83aexport default {name: „component name“,“ Requisiten: {Eigenschaftsname: {Typ:String】.

Die Betriebsumgebung dieses Tutorials: Windows7-System, Uni-App2.5.1-Version, Dell G3-Computer.

RECOMMENDE (kostenlos): uni-App-Entwicklungs-Tutorial

How, um UniApp-Komponenten zu erstellen:

Create Custom Components

1.

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

.vueKomponenten verwenden

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

Zugehörige kostenlose Lernempfehlungen:

Programmiervideos

Das obige ist der detaillierte Inhalt vonSo erstellen Sie eine Uniapp-Komponente. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!