项目场景:
近期公司有个项目需要开发微信小程序和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