初学uni-app,微信小程序js代码转uni-app代码笔记备录

本文档详细介绍了从微信小程序迁移到uni-app的过程,包括JS文件引入方式、方法共用技巧、原生方法替换及全局变量设置等内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

项目场景:

近期公司有个项目需要开发微信小程序和h5网页两个版本,现在有一套基础的微信小程序商城,想把它转成uni-app版本,备注一些基础的信息


问题描述:

1、js文件引入问题
微信小程序 中是用下面的方式:

var handle = require('handle.js')
uni-app 中是用下面的方式:
import handle from "@/js/handle.js"

2、关于js方法共用的问题,下面是小程序中的写法,在uni-app中同样适用,还可以重命名方法名

function PostRequest(){
   ....
}
//加上下面这段即可在其他js文件或者页面中,引入当前js文件后使用
module.exports = {
  post: PostRequest
}

 另外uni-app中也可以这样写,但是没法重命名方法名,多个方法之间用英文逗号隔开

function PostRequest(){
.....
}
export default
   PostRequest
}

3、原生的一些方法的替换

原有wx.开头的方法直接替换成uni.即可

//微信中写法
wx.stopPullDownRefresh();//停止下拉刷新

//uni-app中写法
uni.stopPullDownRefresh();//停止下拉刷新

4、全局变量设置

 比如设置一个整站通用的js文件

//在main.js中加入如下代码
import config from '@/config.js'
Vue.prototype.$config = config 

//在.vue文件中即可通过下面的方式使用
//引用vue
import Vue from "vue"
//直接使用 xx为js中的字段或者方法
Vue.prototype.$config.xx

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值