这篇文章主要介绍了vue定义全局变量和全局方法的方法示本文来源gao($daima.com搞@代@#码8网^例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
一、全局引入文件
1、先定义共用组件 common.vue
2、在需要使用的地方导入
// 导入共用组件 import global from './common.vue' export default { data () { return { username: '', password: '', // 赋值使用 globalHttpUrl: global.httpUrl } },
3、使用
{{globalHttpUrl}}
二、main.js中引入全局变量和方法
1、定义共用组件同上
2、main.js中引入并复制给vue
// 导入共用组件 import global from './common.vue' Vue.prototype.COMMON = global
3、使用
export default { data () { return { username: '', password: '', // 赋值使用, 可以使用this变量来访问 globalHttpUrl: this.COMMON.httpUrl } },
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- 浅谈vue自定义全局组件并通过全局方法 Vue.use() 使用该组件
- vue组件挂载到全局方法的示例代码
- vue 自定义全局方法,在组件里面的使用介绍
- 配置vue全局方法的两种方式实例
以上就是vue定义全局变量和全局方法的方法示例的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue定义全局变量和全局方法的方法示例
转载请注明原文链接：vue定义全局变量和全局方法的方法示例
