当前位置: 首页 > news >正文

uniApp使用uview对vuex的二次封装实现全局变量

1、uni-app目根目录新建’/store/index.js’,并复制如下内容到其中
2、uni-app目根目录新建’/store/ u . m i x i n . j s ′ ,并复制如下内容到其中,由于 H X 某些版本的限制,我们无法帮您自动引入 " u.mixin.js',并复制如下内容到其中,由于HX某些版本的限制,我们无法帮您自动引入" u.mixin.js,并复制如下内容到其中,由于HX某些版本的限制,我们无法帮您自动引入"u.mixin.js",您需要在main.js 中手动引入,并mixin处理
3、在项目根目录的main.js中,引入"/store/index.js",并放到Vue示例中

import store from '@/store';
let vuexStore = require("@/store/$u.mixin.js");
Vue.mixin(vuexStore);// 引入uView对小程序分享的mixin封装
let mpShare = require('uview-ui/libs/mixin/mpShare.js');
Vue.mixin(mpShare);// 将store放入Vue对象创建中
const app = new Vue({store,...App
})

4、使用

<template><view><view>版本号为:{{vuex_version}}</view><view><<琵琶行>>的作者为{{vuex_user.name}}</view><u-button @click="modifyVuex">修改变量</u-button></view>
</template><script>export default {methods: {modifyVuex() {this.$u.vuex('vuex_version', '1.0.1');// 修改对象的形式,中间用"."分隔this.$u.vuex('vuex_user.name', '诗圣');}}}
</script>

页面js中
在这里插入图片描述js文件中
在这里插入图片描述在这里插入图片描述

参考:
https://xuqu.gitee.io/guide/globalVariable.html
https://www.cnblogs.com/shimily/articles/15570984.html

相关文章:

  • 【Spring Boot 源码学习】ConditionEvaluationReport 日志记录上下文初始化器
  • (译) 理解 Elixir 中的宏 Macro, 第四部分:深入化
  • 【ZZULIOJ】1030: 判断直角三角形(Java)
  • easyexcel-获取文件资源和导入导出excel
  • Unity进阶之路(2)UI Toolkit
  • vue项目引入微信sdk: npm install weixin-js-sdk --save报错
  • v-text 和v-html
  • CSS属性排序的插件和包
  • redis之主从复制、哨兵模式
  • Makefile:条件判断和循环的使用(十)
  • Ubuntu Desktop 安装有道词典
  • 鸿蒙手机cordova-plugin-camera不能拍照和图片不显示问题
  • 蓝桥杯备考
  • Python 正则表达式(re)
  • 东方 - 循环(2) - 求和计数
  • Android交互
  • Git的一些常用操作
  • Java IO学习笔记一
  • Leetcode 27 Remove Element
  • MySQL-事务管理(基础)
  • react-native 安卓真机环境搭建
  • uni-app项目数字滚动
  • Xmanager 远程桌面 CentOS 7
  • 基于Javascript, Springboot的管理系统报表查询页面代码设计
  • ​​​​​​​GitLab 之 GitLab-Runner 安装,配置与问题汇总
  • #常见电池型号介绍 常见电池尺寸是多少【详解】
  • #微信小程序:微信小程序常见的配置传旨
  • #我与Java虚拟机的故事#连载17:我的Java技术水平有了一个本质的提升
  • $(document).ready(function(){}), $().ready(function(){})和$(function(){})三者区别
  • (Java实习生)每日10道面试题打卡——JavaWeb篇
  • (附源码)计算机毕业设计SSM疫情下的学生出入管理系统
  • (亲测成功)在centos7.5上安装kvm,通过VNC远程连接并创建多台ubuntu虚拟机(ubuntu server版本)...
  • (算法二)滑动窗口
  • (一一四)第九章编程练习
  • (原創) 如何讓IE7按第二次Ctrl + Tab時,回到原來的索引標籤? (Web) (IE) (OS) (Windows)...
  • (转)http-server应用
  • (转)Java socket中关闭IO流后,发生什么事?(以关闭输出流为例) .
  • (转)Linux整合apache和tomcat构建Web服务器
  • .axf 转化 .bin文件 的方法
  • .NET core 自定义过滤器 Filter 实现webapi RestFul 统一接口数据返回格式
  • .Net环境下的缓存技术介绍
  • .php文件都打不开,打不开php文件怎么办
  • /使用匿名内部类来复写Handler当中的handlerMessage()方法
  • @JoinTable会自动删除关联表的数据
  • @RequestMapping处理请求异常
  • [ element-ui:table ] 设置table中某些行数据禁止被选中,通过selectable 定义方法解决
  • [ 隧道技术 ] 反弹shell的集中常见方式(二)bash反弹shell
  • [APIO2015]巴厘岛的雕塑
  • [Arduino学习] ESP8266读取DHT11数字温湿度传感器数据
  • [C#基础]说说lock到底锁谁?
  • [go] 迭代器模式
  • [hdu 1711] Number Sequence [kmp]
  • [idea]关于idea开发乱码的配置
  • [k8s系列]:kubernetes·概念入门
  • [leetcode]_String to Integer (atoi)