在Vue中,global變量可以用來保存一些全局數據或配置項。我們可以使用Vue實例的$root屬性來訪問它,也可以使用Vue.mixin全局混入來擴展Vue的功能。
Vue.mixin({ created() { this.$global = { appName: 'My App', apiUrl: 'https://api.example.com' } } })
在上面的代碼中,我們使用Vue.mixin全局混入,在每個組件實例創建時添加一個$global屬性。這個屬性是一個對象,我們可以在其中添加我們需要的全局變量。比如,在這個例子中,我們添加了appName和apiUrl這兩個全局變量。
現在,我們可以在任何組件中使用$root.$global訪問這些全局變量。
export default { created() { console.log(this.$root.$global.appName) // 輸出'My App' } }
總之,global變量是Vue中非常有用的一個特性,它可以讓我們方便地共享全局數據或配置項。我們可以使用Vue.mixin全局混入來擴展Vue的功能,并在每個組件實例中添加一個$global屬性,以存儲我們需要的全局變量。