學習筆記 (6) uni-app中組件的創建

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 掛載到實例上去之後調用。詳見 注意:此處並不能確定子組件被全部掛載,如果需要子組件完全掛載之後在執行操作可以使用$nextTickVue官方文檔
beforeUpdate 數據更新時調用,發生在虛擬 DOM 打補丁之前。詳見 僅H5平臺支持
updated 由於數據更改導致的虛擬 DOM 重新渲染和打補丁,在這之後會調用該鉤子。詳見 僅H5平臺支持
beforeDestroy 實例銷燬之前調用。在這一步,實例仍然完全可用。詳見
destroyed Vue 實例銷燬後調用。調用後,Vue 實例指示的所有東西都會解綁定,所有的事件監聽器會被移除,所有的子實例也會被銷燬。詳見

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章