Rumah > hujung hadapan web > tutorial js > vue如何使用全局变量

vue如何使用全局变量

一个新手
Lepaskan: 2017-09-19 10:11:54
asal
3567 orang telah melayarinya

vue 使用全局变量

使用vue中的组件进行请求的时候免不了需要设置baseURL。但是这个baseURL最好不要写在某个全局的vue组件中。如果写到一个组件中的话,打包之后再修改会发现加密了。

好,下面介绍一种方式,把全局变量引入。

1、新建js文件:


文件内容如下:

const BASE_URL = 'http://192.168.0.108:7878/zkview/'
export default {
  BASE_URL
}
Salin selepas log masuk

2、修改入口main.js文件

import global_ from './../static/config/global'
Salin selepas log masuk

然后使用变量

Vue.prototype.GLOBAL = global_;
axios.defaults.baseURL = global_.BASE_URL;
Salin selepas log masuk

这样就能够使用变量了,使用的时候可以这样:

 alert(this.GLOBAL.BASE_URL);
Salin selepas log masuk

Atas ialah kandungan terperinci vue如何使用全局变量. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan