iT邦幫忙

0

vue定義全域性變數

vue
  • 分享至 

  • xImage
  •  

Global.vue
要共用的全域參數

<script>
const _token = "";
const userid = "";
export default {
  _token, //使用者地址
  userid,
};
</script>

使用方式2:
直接在需要使用的檔案 引入全域性變數模組
看範例

<template>
<div>{{ token }}</div>
</template>
<script>
import global_ from '../config/Global'//引用模組進來
export default {
data () {
return {
token:global_.token,
}
}
}
</script>

使用方式2:
在入口檔案 main.js,
將Global.vue 掛載至 Vue.prototype

import global_ from './config/Global'
Vue.prototype.GLOBAL = global_//掛載到Vue例項上面

//直接通過this訪問全域性變數。

<template>
<div>{{ token }}</div>
</template>
<script>
export default {
data () {
return {
token:this.GLOBAL.token,
}
}
}
</script>

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
DanSnow
iT邦好手 1 級 ‧ 2021-08-06 15:22:37

一開始那個檔案其實完全沒必要包成 .vue 的檔案啊,直接用 js 就行了

我要留言

立即登入留言