在實際開發中一般有兩種封裝vue組件的方法:一種就是常用的的通過props父組件傳值給子組件的方法:
子組件
父組件:
還有一種就是通過調用api的形式,下面例子是本人在實際項目中封裝的一個自定義圖標的彈窗組件
首先實現組件的UI頁面(css部分截圖不完整)
在vue文件的同目錄下新建alertTips.js文件
頁面中調用方法:
在實際開發中一般有兩種封裝vue組件的方法:一種就是常用的的通過props父組件傳值給子組件的方法:
子組件
父組件:
還有一種就是通過調用api的形式,下面例子是本人在實際項目中封裝的一個自定義圖標的彈窗組件
首先實現組件的UI頁面(css部分截圖不完整)
在vue文件的同目錄下新建alertTips.js文件
頁面中調用方法:
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。