uniapp使用vuex uniapp使用vuex的作用

2025-04-08 06:35 - 立有生活网

uniapp安转vuex和axios后,自定义基座白屏

无论你是使用 HX 还是使用 vue-cl i创建的uniapp项目,都已内置 Vuex ,无需再进行安装

uniapp安转v2.写一个scaleFontSize()方法，传入当前字号，获取要调节的倍数，例如当前字号24，通过设置需要调节1.5倍，字号就是241.5=36号字体uex和axios后，自定义基座白屏：

1、选择BuildAPK生成测试包。

2、在HBuilderX中unpackage1.设置字体调节页面目录下新建一个debug文件夹，把AndroidStudio中生成的测试包放入其中，改名android_debug.apk。

3、配置好后，HBuilderX下面多了个选项运行基座选择-》自定义调试基座(Android)。

uni-app使用Vue.js

说明：uni-app基于 Vue 2.0 实现，开发者需注意Vue 1.0 -> 2.0 的使用异，详见从 Vue 1.x 迁移。

uni-app不仅支持应用生命周期和页面生命周期，还支持 vue 实例的如下生命周期函数：

注意：不要在选项属性或回调上使用箭头函数，比如 created: () => console.log(this.a) 或 vm.$watch('a', newValue => this.myMod())。因为箭头函数是和父级上下文绑定在一起的，this 不会是如你做预期的 Vue 实例，且 this.a 或 this.myMod 也会是未定义的。

几乎全支持 Vue文档：模板语法，下面讲下不支持的情况。

(1)不支持纯HTML

uni-app的非H5端里所有的 BOM／DOM 都不能用，也就是说 v-html 指令不能用，可以使用 rich-text组件代替。或者使用三方组件wxparse，在hello uni-app中有示例。

(2)不支持部分复杂的 JaScript 渲染表达式

非H5端无法支持复杂的 JaScript 表达式。目前可以使用的有 + - % ?: ! == === > < [] .，剩下的还待完善。

编译到 App 和小程序平台时不支持使用过滤器，可以使用计算属性（comd）提前计算出数据（如果是数组类型，就提前计算整个数组），用以代替过滤器。

备注：自HBuilderX 1.7.1起，在微信小程序平台支持使用过滤器。

data 必须声明为返回一个初始数据对象的函数；否则页面关闭时，数据不会自动销毁，再次打开该页面时，会显示上次数据。

需修改为：

支持 Vue文档：计算属性。

实现全局变量的方式需要遵循 Vue 单文件模式的开发规范。详细参考： uni-app全局变量的几种实现方式。

备注：自HBuilderX 1.7.1起，在微信小程序平台支持支持在 template 内使用 mods 中的函数。

为节约性能，我们将 Class 与 Styluniapp用HbuilderX快速开发，脚手架快速搭建和开发e 的表达式通过 compiler 硬编码到 uni-app 中。

全支持 (2)index.vue 里可直接使用组件Vue文档：条件渲染。

注意：同级多个 v-for 时 key 的值是不允许重复的，key 的绑定是不支持表达式的，需要按照以下方式处理。

几乎全支持 Vue文档：处理器。映射表如下所示：

注意：

(1)映射表中没有的原生也可以使用，例如map组件的regionchange 直接在组件上写成 @regionchange,同时这个也非常特殊，它的 nt type 有 begin 和 end 两个，导致我们无法在handleProxy 中区分到底是什么，所以你在此类的时候同时名和类型既。

(2)为兼容各端，需使用 v-on 或 @ 的方式绑定，请勿使用小程序端的bind 和 catch 进行绑定。

(3)修饰符

(4)若需要禁止蒙版下的页面滚动，可使用 @touchmove.stop.prnt="moveHandle"，moveHandle 可以用来处理 touchmove 的，也可以是一个空函数。

(5)按键修饰符：uni-app运行在手机端，没有键盘，所以不支持按键修饰符。

支持 Vue文档：表单控件绑定。建议开发过程中直接使用 uni-app：表单组件。用法示例：

(1)H5 的select 标签用 picker 组件进行代替

(2)表单元素 radio 用 radio-group 组件进行代替

组件是整个 Vue.js 中最复杂的部分，支持 Vue文档：组件。有且只能使用单文件组件（.vue 组件）的形式进行支持。其他的诸如：动态组件，自定义 render ，和