vue 为全局变量赋值_vue定义全局变量和全局方法的方法示例

一、全局引入文件

1、先定义共用组件 common.vue

属性和方法

const httpUrl = 'http://39.105.17.99:8080/'

function commonFun() {

console.log("公共方法")

}

// 暴露出这些属性和方法

export default {

httpUrl,commonFun

}

2、在需要使用的地方导入

// 导入共用组件

import global from './common.vue'

export default {

data () {

return {

username: '',password: '',// 赋值使用

globalHttpUrl: global.httpUrl

}

},

3、使用

{{globalHttpUrl}}

二、main.js中引入全局变量和方法

1、定义共用组件同上

2、main.js中引入并复制给vue

3、使用

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

如您喜欢交流学习经验，点击链接加入交流1群：1065694478(已满)交流2群：163560250