欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

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

（1）自定義組件概念

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

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

導入 import xxx from 'xxx'

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

使用 <xx />

（2）父子組件通信

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

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

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

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

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

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

相關文章

最新評論