建立uniapp元件的方法:先新元件【.vue】檔案;然後建立元件文件結構,程式碼為【21c97d3a051048b8e55e3c8f199a54b23f1c4e4b6b16bbbd69b2ee476dc4f83aexport default {name: "元件名稱",props : {屬性名稱: {type:String】。
本教學操作環境: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中文網其他相關文章!