小技巧.md · 刚好/gb-HTTP

#### 获取do节点
let view = uni.createSelectorQuery().in(this);

ref  $refs  
#### 传值获得dom节点 （组件之间函数的调用）

$emit   prop父子间传值

$emit $on $off  全局组件传值
## destroyed	Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁

#### vuex 动态管理组件
建立store.js  并注册全局

#### 生命周期
###	 onload         主页面加载一次 子页面每次打开都加载
###  onshow        监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面
###  onHide         监听页面隐藏
###  onReady
#### 监听页面初次渲染完成。注意如果渲染速度快，会在页面进入动画完成前触发
mounted
watch           监听属性   无缓存
computed    计算属性   有缓存

#### 防事件穿透和冒泡
@click.stop.prevent="stopPrevent"

#### Nvue  阻止事件冒泡  
## 函数不可以传参数
### 例如：

fun(e){
 	// #ifdef APP-NVUE
	e.stopPropagation()
	// #endif
}

#### 删除json数组
let collection = this.collection
let keys = 0
for (var key in collection){
if(collection[key].id == id){
	keys = key
}
	}
collection.splice(keys, 1);
this.collection = collection
date

chart

#### Uniapp  开启v3 s模式可以缩小包的体积 和提高运行速度

#### 页面传参
let newData = JSON.stringify(data);

let newData = JSON.parse(dData);

#### 弹窗
<uni-popup :show=“xxxx” type="center" :mask-click="false">
<uni-popup>

Xxxx为动态可设为多个变量

#### css 修改子组件

.a >>> .b { /* ... */ }

#### scss等 修改子组件
.a {
    /deep/ .b{
                /* ... */
    }
}

#### 常用方法
a == b ? "1" : (a == c ? "2" : "")

#### 接口异步

1.	async function testAsync() { return "hello async"; } const result = testAsyn
2. xxxx.then(()=>{).catch(()=>{}}).finally

### this.$set（）  // 监听数据 让数据为响应式，且触发视图更新。

### map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。
### map() 方法按照原始数组元素顺序依次处理元素。
##  注意： map() 不会对空数组进行检测。
##  注意： map() 不会改变原始数组。

#### 引入h5页面
新建一个页面  <web-view src="url"></web-view>
使用跳转页面的方式进行跳转 这样h5 页面也可以返回

### 改变web-view页面大小
var currentWebview = this.$scope.$getAppWebview() //此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效，非v3编译模式使用this.$mp.page.$getAppWebview()
setTimeout(function() { //如果是页面初始化调用时，需要延时一下
	wv = currentWebview.children()[0]
	wv.setStyle({top:0,height:windowHeight})
}, 100);

#### 单位换算
uni.upx2px(123)

#### 防抖（防止重复点击）
[防抖](https://ext.dcloud.net.cn/plugin?id=812)

#### 引入原生相关
[查看此连接](http://www.html5plus.org/doc/h5p.html)

#### 下拉刷新
[下拉刷新](http://www.mescroll.com/)

#### 统计图
[统计图](https://ext.dcloud.net.cn/plugin?id=271)

刚好/gb-HTTP

简介

发行版

贡献者

近期动态

刚好/gb-HTTP .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

刚好/gb-HTTP