uni-app页面模板（uniapp界面设计）

本文目录一览：

• 1、uniapp可以商用吗
• 2、二、uni-app模板块常用写法以及注意事项
• 3、uni-app从入门到精通
• 4、uniappvue3vue2性能
• 5、uniapp如何设置打印模板

uniapp可以商用吗

1、uniapp可以在国外使用，因为它是一款跨平台的应用程序开发框架，无论是在国内还是在国外，都可以使用它来开发原生应用程序。

2、可以使用uniapp开发的ios客户端是可以正常上架到AppStore苹果应用商店的。

3、不可否认，uni-app的小程序与APP体验确实比纯套壳的好很多。但如果这么做的话，大家的网站几乎就是千人一面了。比如我们的仿原生APP就使用了单页功能，但大家基本上都不会修改。现在大家又用回了套壳的模式。

4、软件简介：uni-app（uni，读you ni，是统一的意思） 是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。

5、此外rn，lonic，cordova，weex等之类的前辈仍然具有一定的地位，还有新起来flutter也是火的不得了。所以uniapp只能说在小范围内可以说很好，但是和那些成熟，风靡海内外的技术框架还是有差距的。

二、uni-app模板块常用写法以及注意事项

1、uni.redirectTo(OBJECT)关闭当前页面，跳转到应用内的某个页面。uni.reLaunch(OBJECT) 关闭所有页面，打开到应用内的某个页面。

2、uniapp搭建首选项是通过hbuildx去新建项目 如果新手可以先选择hello uni-app这个模板，里面涵盖了uniapp里的各种组件、API和框架的介绍，能够让你更快速的对uniapp有一个视觉上的认知。

3、HbuilderX创建项目，选择uni-app，选择默认模板HbuilderX创建项目，选择uni-app，选择默认模板 配置appId vuex uni-app 内置了 vuex。但是需要结合第三方来一起协作。

4、两个普通页面之间的跳转用uni.navgateTo()，url可携带参数。 普通页面跳tabbar配置过的页面需要uni.switchTab()，url不能传值。

5、DCloud之所以不支持vue3的h5和app版，主要是因为vue3的组件中很多语法的写法发生变化，这导致uni-app的h5版基础组件库和app版基础组件库的写法与vue3不兼容。

uni-app从入门到精通

熟练的话需要半年。uniapp是一个使用Vue.js开发所有前端应用的框架，学习路程比较复杂，如果是上手的话只需要几天就可以，如果想要熟练，最起码需要半年的学习时间。

现在也比较流行混合开发APP，一套代码通吃Android和iOS，那么有很多框架选择，框架也是某个开发语言基础。国内的mui，uni-APP使用的是JavaScript，HTML，CSS。框架vue.js。

uniapp的ajax使用方法就是小程序和vue的结合。这里需要注意的是，uniapp在页面跳转的时候，可以发送一个参数，在接收的页面中通过options.xx来接收。

主要看个人学习能力和学习时间决定uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架。开发者通过编写 Vue.js 代码，uni-app 将其编译到iOS、Android、微信小程序等多个平台，保证其正确运行并达到优秀体验。

uni-app 中，没有 document。可以使用 plus.globalEvent.addEventListener 来实现（注意manifest中需开启新编译器，即自定义组件模式usingComponents：true）。

uniapp搭建首选项是通过hbuildx去新建项目 如果新手可以先选择hello uni-app这个模板，里面涵盖了uniapp里的各种组件、API和框架的介绍，能够让你更快速的对uniapp有一个视觉上的认知。

uniappvue3vue2性能

从上图对比数据来看，我们可以得出结论：小程序平台，vue x版本下的运行编译，相比vue 6版本，编译性能至少提升30%；且项目越复杂，编译性能提升越明显，可以达到40% ~ 50%。

vue2 是一个构造函数，通过new创建一个Vue实例 vue3是一个对象。

Vue3 的设计模式给予开发者们按需引入需要使用的依赖包。这样一来就不需要多余的引用导致性能或者打包后太大的问题。Vue2就是有这个一直存在的问题。所以在 Vue3 使用计算属性，我们先需要在组件内引入computed。

vue和uni-app的区别如下：uni-app可以通过打包实现一套代码多端运行，而vue不行。uni-app有自动的框架预载，加载页面的速度更快，vue没有。uniapp使用小程序的标签，vue使用web端的标签。

当然除了基础组件，插件市场的所有插件（包括uni ui），都不支持vue3。即便是uni-app已经推出的vue3的小程序版，也不支持插件市场的插件。

更好的运行性能，用户端响应更快，体验更好；更小的代码体积，瘦身30%以上，更省体积、更省流量 更多的语法支持 新版 uni-app 支持Vue x框架，支持组合式API，可实现更聚焦的业务开发。

uniapp如何设置打印模板

uni.startBluetoothDevicesDiscovery 开始搜寻附近的蓝牙设备 首先需要初始化蓝牙模块，如果没有初始化后面都不会在执行。然后再搜索周围设备。再把搜索到的设备存入数组，方便渲染。

第一个参数 item 则是被迭代的数组元素的别名。第二个参数，即当前项的索引 index ，是可选的。结果 当 Vue 正在更新使用 v-for 渲染的元素列表时，它默认使用“就地更新”的策略。

uni-app打包去掉打印日志的方法如下。自定义buildconfig标明log的打印与关闭。在代码中做判断是否是debug。在app，buile.gradle中的buildTypes中添加字段即可。