前言

nvue的无法手动扩展vue.prototype导致有时想用全局挂载就无从下手。

实现思路

由于nvue中的全局变量我们能找到的比较好的就是store和globalData,所以考虑在这两个上挂载。

globaldata

每次初始化时直接getApp({allowdefault:true})然后扩展一堆方法,使用时,页面内直接get出来用就好,我这里是作为全局请求api方法,实现类似vue项目中的 this.$api.getlist().then().catch()类似的效果,使用时就是getApp().api.login.getXX().then().catch();

store

同样的,直接在state上挂载静态方法在nvue中是完全没有问题的,this.$store.state.test.gettttt().then().catch(); 依然好用。

反思

目前使用这两种方法都可以实现,但是仔细想想稍有不妥。

store作为状态管理我们管理了静态方法,是不是用偏了;globaldata每次使用必须getApp获取整个app实例,getapp()...的链式写法未免有些奇怪;再globaldata是否有大小限制,或者我们挂载的东西太多会不会影响到app实例;store和globaldata我使用哪个比较合适呢?

请问有谁实现过或者在这方面有经验,帮我解答最后这几个问题!!!

merry christmas 收到下边兄弟的回复,才发现uni本身就是一个全局的对象,使用uni.XXX = function(){};然后页面中随处使用,确实好用。

那么问题又来了,我现在想需要一个可配置的接口地址,使用什么方案比较合适呢?个人还是觉得store比较好直接使用action请求配置服务器,更换每一个接口的地址就可以了。

vue怎么把api 挂载到全局_nvue实现全局挂载相关推荐

  1. 利用vue+高德地图API 实现用户的运动轨迹

    利用vue+高德地图API 实现用户的运动轨迹 高德地图网址:https://lbs.amap.com/api/jsapi-v2/guide/abc/prepare 任务一:实现地图显示 先完成准备工 ...

  2. 前端小蜜蜂:了解 Vue 的 Compsition API

    在这篇文章中,我将讲讲 Vue 的 Composition API 为什么比之前的 Options API 要好,以及它是如何工作的. Options API 有什么问题 首先,这里不是要大家放弃 O ...

  3. vue与php接口对接,怎样使用vue项目中api接口

    这次给大家带来怎样使用vue项目中api接口,使用vue项目中api接口的注意事项有哪些,下面就是实战案例,一起来看一下. 1. 在axiosconfig目录下的axiosConfig.jsimpor ...

  4. 解答网友提问 | 使用VS2022快速生成React/Angular/Vue.js + Web API前后端集成项目

    前言 上次发表了<一键生成Vue.js + Web API前后端集成项目>后,有多位网友来问,有不有其他的前后端集成模板: 实际上,VS2022没有提供前后端集成项目模板. 但是,使用VS ...

  5. 一键生成Vue.js + Web API前后端集成项目

    前言 默认情况下,Visual Studio提供了"基于Vue.js Web 应用程序"项目模板,可以生成Vue.js前端项目. 你需要另外创建Web API项目,调试时需要同时启 ...

  6. jQuery ajax 结合vue 获取豆瓣api 数据 ,jsonp解决跨域

    jQuery ajax 结合vue 获取豆瓣api 数据 ,jsonp解决跨域 <!DOCTYPE html> <html><head><meta chars ...

  7. vue + 高德原生 API实现地图可视化

    vue + 高德原生 API 由于项目需求,需要使用地图定位,最终决定使用 vue + 高德原生API: 当前项目环境 vue2.0+: 创建项目时,如果安装 eslint ,建议关闭eslint语法 ...

  8. vue使用地图api

    vue使用地图api 百度地图api 方式一 方式二 主体文档 高德地图api 百度地图api 方式一 注册账号密码,拿到ak 将html的demo改造成vue格式 BMapGL of undefin ...

  9. Vue+高德地图api

    文章目录 前言 一.准备工作 1.申请应用 2.引入 3.创建地图 二.使用高德地图 1.覆盖物 (1) 点标记 (2) 海量点标记 (3) 轨迹回放 2.矢量图形 (1) 多边形 3.图层 (1) ...

最新文章

  1. 软件开发--深入理解程序的结构
  2. STM32开发 -- 无线网络协议
  3. makemoney 秘密
  4. Floyd —Warshall(最短路及其他用法详解)
  5. IE6下的text-indent属性BUG解决方法
  6. github出现Your account has been flagged.导致账号无法公开的解决办法
  7. myeclipse背景设置
  8. python---(7) Python 关键词
  9. 【Flink】Flink时间之internalTimerService初始化
  10. com.sun.jersey.api.client.ClientHandlerException: java.net.ConnectException: Connection refused
  11. XX银行 机器学习平台使用情况访谈总结
  12. php开发Hive Web查询
  13. java酒店管理系统_酒店管理系统
  14. js正则表达式——数字校验
  15. Java实现提取拼音首字母
  16. 如何使用ccs软件创建工程
  17. 深度 | 蚂蚁金融智能平台:让AI在金融场景发挥作用
  18. Python输出所有水仙花数(3种方法)
  19. 汽车电子功能安全标准ISO26262解析(四)——FMEDA
  20. html5半径,化学元素原子半径大小比较

热门文章

  1. android button 行间距,android – 如何减少TextView行间距
  2. java迭代器输入的结果_Java学习之Iterator(迭代器)的一般用法 (转)
  3. C语言——判断是该年的第几天
  4. pe和linux一起安装到移动硬盘,解决方法:将分区的移动硬盘放入可启动的WIN PE磁盘中,并安装GHO或ISO原始版本...
  5. 信息学奥赛一本通 1063:最大跨度值 | OpenJudge NOI 1.5 06:整数序列的元素最大跨度值
  6. 棋盘问题(信息学奥赛一本通-T1217)
  7. 字符串逆序(信息学奥赛一本通-T1162)
  8. 2 CO配置-企业结构-定义-维护成本控制范围(Controlling Area)
  9. numpy求逆矩阵_线性代数精华2——逆矩阵的推导过程
  10. 计算机技术中硬件系统的功能,对计算机技术中的十个重要关系的剖析