VUE中引入其他文件的配置

一、通过import导入

1、在common.js中，定义好配置数据

const serverUrl="http://www.baidu.com"
const imgUrl="http://www.qq.com"

//如果不用export导出，用import引入后调用，会报undefined作用域问题
export default{
	serverUrl,
    imgUrl
}

2、在vue中使用import引入

<script>
    //引入
	import common from "../../common/common.js"
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {
            //调用
			console.log(common.serverUrl)
		},
		methods: {

		}
	}
</script>

二、在入口文件向vue实例的prototype挂载

1、挂载

vue.prototype.serverUrl="http://www.baidu.com"

2、调用

console.log(this.serverUrl)