uniapp如何实现全局变量有几种方法?
- 内容介绍
- 文章标签
- 相关推荐
本文共计854个文字,预计阅读时间需要4分钟。
目录+前言+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分钟。
目录+前言+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>
其实这种维护起来,我觉得还是比较方便的,但是缺点就是,我们需要用就需要引入。。。

