已解決430363個問題，去搜搜看，總會有你想問的

如何在 vue.js 中全局公開 app.vue 中的變量

首頁猿問如何在 vue.js 中全局公開...

如何在 vue.js 中全局公開 app.vue 中的變量

JavaScript

MMTTMM 2021-08-20 17:39:23

我正在使用 vuejs 來開發我的應用程序模塊，我將獲取需要設置為 App.vue 中的變量 ex this.gblData 的數據。我將構建 vue 應用程序并將其集成到另一個應用程序中。有沒有辦法在父應用程序中公開變量 gblData。

查看完整描述

3 回答

翻過高山走不出你

TA貢獻1875條經驗獲得超3個贊

是的，您可以通過window對象傳遞此變量：

// set

window.gblData = "something";

// get

console.log(window.gblData);

反對回復 2021-08-20

臨摹微笑

TA貢獻1982條經驗獲得超2個贊

選項 1：創建全局變量

const gblData = "something";

公開您的全局變量：

new Vue({

data:{

gblData

}

})

選項2：在原型中定義全局變量。

Vue.prototype.$gblData = "something";

您現在可以在任何 vue 組件中使用此變量，如下所示：

console.log(this.$gblData);

反對回復 2021-08-20

DIEA

TA貢獻1820條經驗獲得超2個贊

在vue3 中：

// Vue3

const app = Vue.createApp({})

app.config.globalProperties.gblData = 'something'

app.component('a-child-component', {

mounted() {

console.log(this.gblData) // 'something'

}

})

反對回復 2021-08-20

3 回答
0 關注
712 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何在 vue.js 中全局公開 app.vue 中的變量

如何在 vue.js 中全局公開 app.vue 中的變量

3 回答

添加回答