首頁  >  文章  >  web前端  >  uniapp組件如何創建

uniapp組件如何創建

coldplay.xixi
coldplay.xixi原創
2020-12-08 13:59:054448瀏覽

建立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、在试图模板中使用组件
<组件名称 组件属性="对应的值"></组件名称>

相關免費學習推薦:程式設計影片

#

以上是uniapp組件如何創建的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn