您的問題應該屬於程式架構如何規劃的問題。

這是普遍程序員經歷過的問題（包括我自己）。

是時候了解一下「物件導向程式設計（英語：Object-oriented programming，縮寫：OOP）」來應付您的問題。

1. OOP 是一種編寫程式心法。 不可能短期內解決您的問題。
2. 但這種心法，的確可以達到您的目標。
3. OOP 是一種編寫程式技巧，所以，不管在任何一種電腦語言上，方法都是大同小異。

若想快速了解什麼是OOP，和對您有沒有幫助，建議您看看以下連結，希望對您有幫助：
https://ithelp.ithome.com.tw/questions/10194200

ps1. 重點您需要了解 javascript OOP 的編寫規格及結構。
ps2. 把原有的javascript 改成OOP架構，不容易。從新寫，從新學，比較快。
ps3. Vue.js 本來都是 OOP架構，您的情況怎會發生？
ps4.
想把這些function按照類型去分拆成幾個js檔再匯入到vue.js中, 請問有方法可以做到嗎?
我是這個方法，但用按照類型的想法，還是OOP比較好

<script type="text/javascript" src="/js/script1.js"></script>
<script type="text/javascript" src="/js/script2.js"></script>
<script type="text/javascript" src="/js/script3.js"></script>

假設你有一個Navbar 左邊有ogo 右邊裡面有5個Icon 每個Icon 只是顏色不一樣 標題不一樣

你就試著去拆分，把Navbar當成一個網頁的一個組件。
Navbar再細分，左跟右，右邊再細分，這個時候右邊的Icon，
你可以 用Function去創一個雛形 然後透過Props傳你的標題跟顏色 。
這樣你的Icon不用寫五次
Framework的重點在於Reusable

光我這樣講妳的架構就會
App.js - Navbar - IconFn
- Body
- Footer