开发规范为了实现多端兼容，综合考虑编译速度、运行性能等因素，uni-app 约定了如下开发规范：页面文件遵循 Vue 单文件组件 (SFC) 规范
组件标签靠近小程序规范，详见uni-app 组件规范
接口能力（JS API）靠近微信小程序规范，但需将前缀 wx 替换为 uni，详见uni-app接口规范
数据绑定及事件处理同 
转载
2024-05-15 20:40:12
242阅读
使用Vue.js注意事项 Uni-app项目发布在H5平台上时支持所有的Vue语法，发布到App和小程序时，由于平台限制，无法支持所有的vue语法，但是，uniapp仍旧是对vue语法支持度最高的跨端框架。 Uniapp与Web平台
转载
2024-05-17 07:32:31
350阅读
项目中难免都会用到vuex，下面我总结了一下在uni-app中如何使用vuex首先新建文件store/index.jsimport Vue from "vue"
import Vuex from "vuex"
Vue.use(Vuex)
export default new Vuex.Store({
// 全局属性变量
state:{ // state的作用是定义属性变量
转载
2023-07-28 13:14:20
242阅读
这个mixin的翻版，主要用来分离处理列表数据逻辑 我用了覆写模式 创建mixin ListMoreDataMixin // 由于没有超类的限制这里要判断下 function ____checkGetData(context) { if (!context.getData || typeof con
转载
2020-07-02 17:10:00
1552阅读
2评论
看到好多开源项目都升级了vue3，看文章说vue3性能升级很多，而且组合式api很香，遂把最近开发的自助洗车app升级下，在此记录下出现的问题。uniapp升级vue3官方指南我是先去vue官网看了下vue3的组合式api，有个大概了解，方便升级使用。然后根据uniapp升级vue3官方指南把框架层面的先更改。测试访问没问题后再做代码上的更改。（vue3兼容vue2的代码风格）把代码风格改为组合式
转载
2023-10-11 11:25:13
61阅读
vue语法中使用if去控制按钮显示内容和触发状态通过表单中的数据去判断验证。
原创
2022-08-07 00:50:52
1372阅读
因为要完成软件工程的项目，要做一个nativeApp，看了很多的技术文档以后决定使用多端兼容的uni-app来开发。组件方面的话最后决定使用目前比较火的Vant UI。但是看了和掘金上面的很多文章，似乎没有一篇是关于uni-app中使用Vite对vant组件进行按需引入（可能这个搭配技术还比较新
转载
2024-08-27 20:46:12
15阅读
electron-rebuild 版本 3.2.9。serialport 版本 10.0.0。electron 版本 30.0.8。版本是第一位：否则容易编译失败。nodon环境。需要python环境。
配置uView3.0
贴官网地址：
安装 | uView Vue3.0 横空出世，继承uView1.0意志，再战江湖，风云再起！ (fsq.pub)
uView官方不建议把老项目 升级到 Vue3.0 ，建议新项目才考虑是否使用Vue3.0一、插件市场下载：【开箱即用】uView Vue3 横空出世，继承uView1意志，再战江湖，风云再起！ - DClo
转载
2023-11-04 16:55:23
138阅读
一、Vue 技术栈node.js：JavaScript运行环境(runtime)npm：node.js的包管理工具，用于同一管理我们前端项目中需要用到的包、插件、工具、命令等，便于开发和维护。ES6：Javascript的新版本，ECMAScript6的简称。利用ES6我们可以简化我们的JS代码，同时利用其提供的强大功能来快速实现JS逻辑。Babel：一款将ES6代码转化为浏览器兼容的ES5代码的
转载
2024-07-13 08:42:45
46阅读
Uniapp简介uni-app：是一个使用Vue.js开发前端应用的框架，开发的代码可以发布到H5、Android、iOS以及各种小程序多个平台。Uniapp约定的开发规范：
页面文件遵循Vue单文件组件规范组件标签靠近小程序规范接口靠近微信小程序规范数据绑定及事件处理同Vue.js规范，同时补充了App及页面的生命周期为了兼容多个平台运行，建议使用flex布局小程序开发的环境搭建安装编辑器Hbu
转载
2023-09-07 19:02:47
132阅读
关注了下最近uni-app使用率在提高，毕竟是多端公用代码，用户体验更接近原生效果，还是值得一看的，今天抽时间进行下总结，如果不对的地方，欢迎指出，及时修改1.根据官网补充下介绍1.uni-app是一个使用vue开发跨平台前端应用框架，所以开发者编写vue.js代码即可
2.uni-app通过编译ios android 微信小程序等多个平台，并也达到了比较好的用户体验
3.uni-app因为是跨平
转载
2023-11-10 05:02:39
56阅读
目录 【uni-app基础】【uni-app之nvue】【uni-app基础】一、事件绑定@click ：点击@langtap ：长按 二、事件传参不支持自定义事件，建议id传参。 e.target.id ：获取的对象包含冒泡，穿刺。 e.currentTarget.id： 获取的是目标对象，更加准确。 三、组件1. scroll-vi
转载
2024-03-18 13:29:16
934阅读
语言支持举例uni-app 支持使用 ts 开发，可参考 Vue.js TypeScript 支持 说明环境变量uni-app 项目中配置环境变量主要有如下三种方式：
#vue-config.js在 vue.config.js 中可以修改 webpack 配置，包括环境变量，具体参考 vue-config.js。
#package.json在自定义条件编译平台时，可以
转载
2023-10-11 11:18:47
890阅读
uniapp v3 搭建项目使用官方推荐命令npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project或者是使用 uniapp官方gitee 模板库在项目启动前UI调用，建议使用 扩展组件（uni-ui）里面有很多组件，不能满足需求自己可以手动修改 uni_modules 为在插件市场下载出来的插件目录（uni-app官方维护的组件库,能够兼
转载
2023-10-20 15:11:17
647阅读
JSX 是什么JSX 是一种 Javascript 的语法扩展，JSX = Javascript + XML，即在 Javascript 里面写 XML，因为 JSX 的这个特性，所以他即具备了 Javascript 的灵活性，同时又兼具 html 的语义化和直观性为什么要在 Vue 中使用 JSX有时候，我们使用渲染函数（render function）来抽象组件，渲染函数不是很清楚的参见官方文
转载
2023-08-10 09:38:38
271阅读
uni-app 支持的通用 css 单位包括 px、rpxpx 即屏幕像素rpx 即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，750rpx恰好为屏幕宽度。屏幕变宽，rpx 实际显示效果会等比放大。vue页面支持普通H5单位，但在nvue里不支持：rem 默认根字体大小为 屏幕宽度/20（微信小程序、头条小程序、App、H5）vh viewpoint heigh
本文参考内容。下载axiosnpm install axios --save编写js文件目录结构如下：创建utils目录，里面是https.js文件。目录位置自定义即可。 https.js文件内容如下。 修改ip和port修改baseURL即可。 请求时增加token在请求拦截器处修改。import Vue from 'vue'
import axios from 'axios'
// 创建a
转载
2024-03-11 11:13:54
161阅读
一.就是通过npm下载到项目的node-modulesnpm install video.js二.在项目中main.js中引入
import Videojs from 'video.js'
import 'video.js/dist/video-js.min.css'
Vue.prototype.$video = Videojs三.页面中使用<view class="video-js"
原创
2024-08-19 16:49:01
774阅读
vuex在uniapp的使用方式本人专注使用云开发，实现一个前端可以做后端以及整个项目的部署与上线。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。这个状态自管理应用包含以下几个部分：状态，驱动应用的数据源； 视图，以声明方式将状态映射到视图； 操作，响应在视图上的用户输入导致的状态
转载
2024-09-08 16:44:13
182阅读
