美文网首页
再vue项目中定义全局变量

再vue项目中定义全局变量

作者: 变量只提升声明不提升赋值 | 来源:发表于2020-09-18 11:47 被阅读0次

设置一个专用的的全局变量模块文件,模块里面定义一些变量初始状态,用export default 暴露出去,在main.js里面使用Vue.prototype挂载到vue实例上面或者在其它地方需要使用时,引入该模块便可

创建一个全局变量模块文件
gloab.js

//创建变量

var blo = true

//暴露出去
export default {
  blo
}

在某个vue页面引入

import global from '../../../utils/global'

这样就可以在这个页面通过global.blo来访问这个变量了

第二种方法,全局引入

在main.js文件中引入,并挂在到vue原型对象上
  import global_ from './components/Global'//引用文件
    Vue.prototype.GLOBAL = global_//挂载到Vue实例上面

这样每个页面都可以通过this.blo来访问这个变量了

相关文章

  • vue全局变量

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

  • 再vue项目中定义全局变量

    设置一个专用的的全局变量模块文件,模块里面定义一些变量初始状态,用export default 暴露出去,在mai...

  • vue.js 核心知识点七

    目录 - 7.1 vue项目中,定义全局函数 全局变量 - 7.2 Vue axios 给开发环境和生产环境配置不...

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

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

  • 2017.11.15

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

  • Vue 定义全局变量技巧

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

  • Vue的全局变量 this.$state.state.取值和赋值

    一、定义 全局变量 注:如果不在 store目录下的 index.js 定义 则 在其它 ***.vue 页面 ...

  • vue3 定义全局变量

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

  • vue定义全局变量

    1.在src/utils目录下创建js文件 http.js 2.在main.js中引入 3.在组件中直接使用

  • Vue 定义全局变量

    方法1. 设置并引入全局变量文件 创建一个 Store.vue (或 js 文件) 并暴露出去, 用来保存全局变量...

网友评论

      本文标题:再vue项目中定义全局变量

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