1. 程式人生 > 程式設計 >淺談vue中所有的封裝方式總結

淺談vue中所有的封裝方式總結

目錄
  • 1.封裝API
  • 2.註冊全域性工具元件
  •  ;3.封裝全域性函式
  • 4.為了減少頁面程式碼量的封裝

如何確定我需要封裝呢?

1.複用,如果覺得以後還會用到

2.你覺得方便,別的地方可能也需要用

3.如果不封裝,頁面程式碼臃腫的時候

1.封裝API

使http://www.cppcns.com用場景:vpzwFFd業務中最常見最普通的封裝

步驟一:

淺談vue中所有的封裝方式總結

步驟二:

淺談vue中所有的封裝方式總結

步驟三:

淺談vue中所有的封裝方式總結

2.註冊全域性工具元件

使用場景:想讓元件全域性可用,尤其是第三方外掛使用時

步驟一:

淺談vue中所有的封裝方式總結

步驟二:

淺談vue中所有的封裝方式總結

&http://www.cppcns.comnbsp;3.封裝全域性函式

使用場景:有些邏輯處理函式程式碼量很大,且具有獨特功能(如日期處理函式,陣列轉樹函式),可能以後別的地方要用,就封裝起來,方便。

步驟一:

淺談vue中所有的封裝方式總結

步驟二:

淺談vue中所有的封裝方式總結

4.為了減少頁面程式碼量的封裝

使用場景:很多,這裡以註冊路由表舉例,理解封裝思想

步驟一:

淺談vue中所有的封裝方式總結

步驟二:

淺談vue中所有的封裝方式總結

到此這篇關於淺談中所有的封裝方式總結的文章就介紹到這了,更多相關vue所有的封裝內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!