js定义全局变量_uni-app 全局变量实现的4种方式

最新推荐文章于 2024-04-24 21:48:34 发布

weixin_39608988

最新推荐文章于 2024-04-24 21:48:34 发布

阅读量1k

点赞数

文章标签： js定义全局变量

本文介绍了uni-app中实现全局变量的四种方法：通过公用模块、扩展Vue.prototype、使用globalData以及利用Vuex。各方法的特点和适用场景被详细阐述，例如Vue.prototype适合高频使用的常量和方法，globalData支持vue和nvue共享，Vuex适合管理变化的状态。

摘要由CSDN通过智能技术生成

点击右上方红色按钮关注“web秀”，让你真正秀起来

一、公用模块

定义一个专用的模块，用来组织和管理这些全局的变量，在需要的页面引入。

注意：这种方式只支持多个vue页面或多个nvue页面之间公用，vue和nvue之间不公用。

示例如下：

在 uni-app 项目根目录下创建 common 目录，然后在 common 目录下新建 base.js 用于定义公用的方法。

const websiteUrl = 'http://www.javanx.cn'; const now = Date.now || function () {  return new Date().getTime(); }; const isArray = Array.isArray || function (obj) {  return obj instanceof Array; }; export default {  websiteUrl,  now,  isArray }

接下来在 pages/index/index.vue 中引用该模块

这种方式维护起来比较方便，但是缺点就是每次都需要引入。