uniapp如何实现全局变量有几种方法?

2026-04-02 21:420阅读0评论SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计854个文字,预计阅读时间需要4分钟。

uniapp如何实现全局变量有几种方法?

目录+前言+1. 模块+2. Vue.prototype+3. globalData+4. Vuex+总结+前言+在开发过程中,我们不可避免地需要使用全局变量,比如我们的请求公共路径这个变量;那么在uniapp中,有哪些方式可以实现全局变量呢?

目录
  • 前言
  • 1. 模块
  • 2. Vue.prototype
  • 3. globalData
  • 4. vuex
  • 总结

前言

在开发的过程中,我们不可避免的用到全局变量,比如我们的请求的公共路径这个变量;那么我们在uniapp中有哪几种方式可以实现全局变量

1. 模块

我们可以在项目中新建一个js文件,定义一个专用的模块,用来管理全局的变量,在有需要的地方进行引入!

比如,我在项目的根目录中新建了一个config.js,写入以下代码

export const baseUrl = "www.baidu.com/"

在页面中如下使用就是了

<script> import { baseUrl } from '@/config.js'; export default { onLoad() { console.log(baseUrl); } }; </script>

其实这种维护起来,我觉得还是比较方便的,但是缺点就是,我们需要用就需要引入。。。

阅读全文

本文共计854个文字,预计阅读时间需要4分钟。

uniapp如何实现全局变量有几种方法?

目录+前言+1. 模块+2. Vue.prototype+3. globalData+4. Vuex+总结+前言+在开发过程中,我们不可避免地需要使用全局变量,比如我们的请求公共路径这个变量;那么在uniapp中,有哪些方式可以实现全局变量呢?

目录
  • 前言
  • 1. 模块
  • 2. Vue.prototype
  • 3. globalData
  • 4. vuex
  • 总结

前言

在开发的过程中,我们不可避免的用到全局变量,比如我们的请求的公共路径这个变量;那么我们在uniapp中有哪几种方式可以实现全局变量

1. 模块

我们可以在项目中新建一个js文件,定义一个专用的模块,用来管理全局的变量,在有需要的地方进行引入!

比如,我在项目的根目录中新建了一个config.js,写入以下代码

export const baseUrl = "www.baidu.com/"

在页面中如下使用就是了

<script> import { baseUrl } from '@/config.js'; export default { onLoad() { console.log(baseUrl); } }; </script>

其实这种维护起来,我觉得还是比较方便的,但是缺点就是,我们需要用就需要引入。。。

阅读全文