## 創建自定義組件
**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、在試圖模板中使用組件
<組件名稱 組件屬性="對應的值"></組件名稱>
- 第1講 : 創建項目、部署 VUE 、入口頁面布局
- 第2講,快速開始第一個項目
- 第3講 : uni-app 開發規范及目錄結構
- 第4講 : uni-app 頁面樣式與布局
- 第5講 : uni-app 配置文件 - pages.json
- 第6講 : 配置文件 - manifest.json
- 第7講 : uni-app 頁面生命周期
- 第8講 : uni-app 模板語法 - 數據綁定
- 第9講Class 與 Style 綁定 （動態菜單激活示例）
- 第10講 : uni-app 事件處理、事件綁定、事件傳參
- 第11講 : uni-app 組件 - 基礎組件
- 第12講 : uni-app 組件 - 表單組件
- 第13講 : uni-app 組件 - navigator（導航）及頁
- 第14講 : uni-app 組件 - 媒體組件
- 第15講 : uni-app 組件 - 地圖組件
- 第16講 : uni-app 接口 - 網絡請求
- 第17講 : uni-app 接口 - 從本地相冊選擇圖片或使
- 第18講 : uni-app 上傳（圖片上傳實戰）
- 第19講 : uni-app 接口 - 數據緩存
- 第20講 : uni-app 設備相關
- 第21講 : uni-app 交互反饋
- 第22講 : uni-app 設置導航條
- 第23講 : uni-app 導航（頁面流轉）
- 第24講 : uni-app 下拉刷新
- 第25講 : uni-app 上拉加載更多
- 第26講 : uni-app 第三方登錄（小程序篇）
- 第27講 : uni-app 登錄（h5+ app 篇）
- 第28講 : 自定義組件創建及使用