亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

uni-app自定義組件和通信的方式

 更新時間：2024年03月01日 16:54:45   作者：小秀_heo  
組件是 vue 技術(shù)中非常重要的部分,組件使得與ui相關(guān)的輪子可以方便的制造和共享,進(jìn)而使得vue使用者的開發(fā)效率大幅提升,組件可以使用全局注冊和頁面引入兩種方式進(jìn)行使用,對uni-app自定義組件和通信相關(guān)知識感興趣的朋友跟隨小編一起看看吧

（1）自定義組件概念

組件是 vue 技術(shù)中非常重要的部分，組件使得與ui相關(guān)的輪子可以方便的制造和共享，進(jìn)而使得vue使用者的開發(fā)效率大幅提升，在項(xiàng)目的component目錄下存放組件，uni-app 只支持 vue 單文件組件（.vue 組件）

組件可以使用「全局注冊」和「頁面引入」兩種方式進(jìn)行使用，使用分為三步：

導(dǎo)入 import xxx from 'xxx'

注冊 Vue.use('xx',xx) components:{ xxx }

使用 <xx />

（2）父子組件通信

  • 父組件通過自定義屬性向子組件傳遞數(shù)據(jù)
  • 子組件通過 props 接收父組件傳遞的數(shù)
  • 父組件通過自定義事件標(biāo)簽向子組件傳遞事件
  • 子組件通過觸發(fā)父組件定義事件方式修改父組件數(shù)據(jù)

（3）slot 數(shù)據(jù)分發(fā)與作用域插槽

  • 父組件通過調(diào)用子組件內(nèi)部嵌套 html 內(nèi)容作為slot分發(fā)給子組件
  • 子組件通過在 slot 標(biāo)簽上添加屬性，向父組件通信數(shù)據(jù)，作用域插槽

（4）全局事件定義及通信

  • 在整個應(yīng)用的任何地方均可以使用uni.$on創(chuàng)建一個全局事件
  • 在整個應(yīng)用的任何地方也均可以使用 uni.$emit 來觸發(fā)全局事件，實(shí)現(xiàn)多組件見的數(shù)據(jù)通信

到此這篇關(guān)于uni-app自定義組件和通信的文章就介紹到這了,更多相關(guān)uni-app自定義組件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論