Uni-App学习笔记

一、快捷开发技巧

1.工具函数
uni.request改为全局工具函数this.$get，并使用Promise
2.箭头函数
简写方法：
item=>item.distance=123
完整写法
item=>{return item.distance=123}
3.uniIcon可在main.js中挂载，api根域名赢在main.js设置
4.获取上一页实例

let pages=getCurrentPage();
let prePage=pages[pages.length-2];
return prePage.$vm

5.使用vuex管理全局状态

import {mapState,mapMutations} from 'vuex'
...mapMutations(['login','logout'])
computed(){
...mapState(['hasLogin','user_id'])

}

二、要注意的坑

1.基本变量是传值，引用变量是复制
2.视图中的变量必须要在data中设置，直接用this.data设置是不行的
3.POST方法的参数是formData,GET方法的参数是queryString(会在路由中显性展示)
4.变量设置和后台保持统一会避免很多麻烦

三、新学习方法

1.this.$refs父调子

2.this.$emit子调父
3.event的属性包括type,detail,target,currentTarget
event.type
event.detail
event.target
event.currentTarget
target是触发组件，currentTarget是绑定组件