uniapp 컴포넌트를 생성하는 방법

uniapp 컴포넌트를 생성하는 방법: 먼저 새 컴포넌트 [.vue] 파일을 생성한 다음 컴포넌트 문서 구조를 생성합니다. 코드는 [21c97d3a051048b8e55e3c8f199a54b23f1c4e4b6b16bbbd69b2ee476dc4f83aexport default {name: "컴포넌트 이름"입니다. props: {속성 이름: {유형:문자열].

이 튜토리얼의 운영 환경: windows7 시스템, uni-app2.5.1 버전, Dell G3 컴퓨터. RECEMEDRENDEND (무료) : UNIAPP 구성 요소를 만드는 방법 : CREATE CORMUAL COMPONENTS

1

<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 컴포넌트를 생성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!