全局組建封裝(掛載到vue實例的原型中,通過this訪問)


主題:組建的封裝
 一:install注冊的全局封裝(v-grid九宮格組建)
 
            1.九宮格的封裝主要有三個api 點擊功能 每行個數 是否隱藏邊框
 
            2.因為九宮格的內容自定義的可能性比較大,美容比較靈活,所以使用了slot插件,主要讓用戶自定義
 
            3.主要技術就是組建中的傳參
 

 

二: prototype原型的全局封裝(v-cnfirm框)
            1.主要功能,點擊后跳出彈出框,彈出框內容自定義,confirm和cancel兩個回調函數
 
            2.子組件與父組建中的數據雙向綁定,子組件中綁定 v-modle 需要用 value值進行接受,同時導出input事件進行數據雙向數據綁定
 
            3. 創建一個vue實例構造器,之后構造一個實例,這個構造的使用相當與傳入的實例,創建一個div把div掛載到內部
        
            4.數據處理 把傳入的值復制到創建的實例,然后全局使用即可
 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM