對所有vue組件重用js文件，而不在每個組件中導入

我有一個名為Constant.js的js文件，其中包含所有API名稱。

//Constant.js
export default {
    api1: 'api1',
    api2: 'api2',
    ...
    ...
    ...
}

如何使用此文件而不在應用程序中的每個Vue組件中導入它？

發布于 7 月前

? 最佳回答：

直接將數據添加到Window對象絕對是一種選擇，但最“Vueish”的方法是將數據對象導入main.js（或等效對象），并通過將其添加到Vue原型來創建實例屬性：

main.js

import global_constants from `./Constants`;

... // Other imports, Vue.use, Vue.component, etc.

Vue.prototype.$global_constants = global_constants; // Adds object to Vue's prototype

new Vue({
... // Create Vue instance with desired config etc.
});

這將使通過this.$global_constants連接到該實例的所有子組件都可以訪問該數據。

名稱本身是任意的，可以是您想要的任何名稱，并且開頭的$是Vue對所有實例屬性的命名約定。

公眾號：1024技術圈

?? 提供互聯網知識和資訊，分享IT前沿技術，熱門資源，大廠面試題 ??

對所有vue組件重用js文件，而不在每個組件中導入

熱門問答

有沒有一種方法允許在規范模式泛型內進行繼承？

在列名中包含子字符串的列中，將NA替換為0

Powershell-獲取控制臺中顯示的對象屬性

當地時間2021-06-07+03:00

ECS Fargate服務發現

NetLogo中的滴答聲問題

傳遞給另一個函數時，為什么需要指向Go bytes.Buffer的指針？

為什么經過線程池處理了Python爬蟲效率還怎么低呢？

如何利用Cisco的技術監控和調整動態ACL的效果

為什么總提示CtrlDlg.cpp: '=' : cannot convert from 'char' to 'char *'？

axios 中如何拿到 vue實例？

c++多線程，什么場合下用WaitForSingleObjectEx，什么時候用WaitForSingleObject