如何定义一个全局变量，给其他页面调用？

Question

在这里定义了一个baseurl的变量，但是view文件夹里的页面调用这个变量时，调用不了，请问怎么写？

Answer 1

在main.js里定义

Vue.prototype.$baseurl = "https://www.163.com"

其他页面调用

console.log(this.$baseurl)

Answer 2

还有就是定义在公共的文件中，export导出，其他页面在import导入使用

// common 定义
export const BASE_URL = 'https://www.163.com'

// a.js 使用
import { BASE_URL } from 'xx/common'

如果避免文件导入麻烦，就如楼上的，定义在prototype上