美文网首页
VUE 全局变量的定义与使用

VUE 全局变量的定义与使用

作者: _沉默的疯子 | 来源:发表于2020-04-08 15:50 被阅读0次

创建一个全局变量模块文件,模块中定义变量,用export default 暴露出

创建 global_variable.js

const HOST = '127.0.0.0:5000'
const token = '00000'

export default {
  HOST,
  token
}

全局使用

global_variable.js文件引入main.js文件,并使用Vue.prototype挂在至vue

// main.js
import global_variable from './static/global_variable'
Vue.prototype.GLOBAL_VARIABLE = global_variable 

// test.vue
getHost() {
    this.host = 'HOST: ' + this.GLOBAL_VARIABLE.HOST
}

局部引用

// test.vue
import GLOBAL_VARIABLE from "../static/global_variable"
getHost() {
    this.host = 'HOST: ' + GLOBAL_VARIABLE.HOST
}

相关文章

  • 2017.11.15

    Vue.prototypevue——自定义全局方法,在组件里面使用 Vue.prototype 不是全局变量,而...

  • VUE 全局变量的定义与使用

    创建一个全局变量模块文件,模块中定义变量,用export default 暴露出 创建 global_variab...

  • vue3 定义全局变量

    在vue2中,我们知道vue2.x是使用Vue.prototype.$xxxx=xxx来定义全局变量,然后通过th...

  • Sass

    sass 在vue-cli3中定义全局变量 注意:老版使用data,新版使用prependData,否则会报错;/...

  • 2018-06-28 Vue源码解析阅读笔记

    Vue的全局API 里面定义了Vue的全局变量,比如Vue.init()、Vue.component()注册全局组...

  • uniapp中全局变量globalData使用

    使用uniapp开发时,可以通过在app.vue中定义全局变量,在每个页面内通过globalData获取 1、ap...

  • vue全局变量

    在vue项目中 如何定义全局变量 全局函数 - CSDN博客

  • vuex使用记录

    副标题:vuex使用详解、vue使用全局变量、vue使用 store 这篇博客主要记录了 vuex的使用方法,简单...

  • Vue 定义全局变量技巧

    简述: 本节主要记录一个 Vue 的全局变量定义方式,方法比较邪恶 定义声明 访问

  • 网易云课堂(Boolan)C++ 第一周笔记

    1、局部变量的作用域(局部变量名与全局变量相同时,可使用::访问全局变量) C:不可重复定义,必须在函数体前面定义...

网友评论

      本文标题:VUE 全局变量的定义与使用

      本文链接:https://www.haomeiwen.com/subject/wvlhqhtx.html