uni-app中組件的創建
在uni-app中,可以通過創建一個後綴名爲vue的文件,即創建一個組件成功,其他組件可以將該組件通過impot的方式導入,在通過components進行註冊即可
-
創建login組件,在component中創建login目錄,然後新建login.vue文件
-
在其他組件中導入該組件並註冊
import login from "@/components/test/test.vue"
-
註冊組件
components: {test}
-
使用組件
<test></test>
組件的生命週期函數
beforeCreate | 在實例初始化之後被調用。詳見 | ||
---|---|---|---|
created | 在實例創建完成後被立即調用。詳見 | ||
beforeMount | 在掛載開始之前被調用。詳見 | ||
mounted | 掛載到實例上去之後調用。詳見 注意:此處並不能確定子組件被全部掛載,如果需要子組件完全掛載之後在執行操作可以使用$nextTick Vue官方文檔 |
||
beforeUpdate | 數據更新時調用,發生在虛擬 DOM 打補丁之前。詳見 | 僅H5平臺支持 | |
updated | 由於數據更改導致的虛擬 DOM 重新渲染和打補丁,在這之後會調用該鉤子。詳見 | 僅H5平臺支持 | |
beforeDestroy | 實例銷燬之前調用。在這一步,實例仍然完全可用。詳見 | ||
destroyed | Vue 實例銷燬後調用。調用後,Vue 實例指示的所有東西都會解綁定,所有的事件監聽器會被移除,所有的子實例也會被銷燬。詳見 |