uni-app学习随笔

努力尽今夕，少年犹可夸。这篇文章主要讲述uni-app学习随笔相关的知识，希望能为你提供帮助。
一、数据绑定
1.在data里面定义并赋值，然后使用{{****}}的方式显示。
2.v-bind:用来解析链接地址，例如在线图片在data里面定义，使用 v-bind:src(:src)----v-bind:src=https://www.songbingjia.com/android/=:src
3.v-for:一般都是配套数组使用< view v-for="(item,index) in arr" :key="item.id"> 序号:{{item.index}},名字:{{item.name}},年龄:{{item.age}}< /view>
二、注册事件
1.button事件触发：< button type="primary" v-on:click="clickHandle"> 按钮< /button> ----v-on:click==@click
2.methods:{clickHandle(){}}------methods方法跟data(){}同级
3.按钮点击事件触发事件函数clickHandle(20,$event),methods:{clickHandle(num,e){console.log(‘点击我了‘，num,e)}}
三、生命周期函数
1.概念：一个对象从创建、运行、销毁的整个过程被称为生命周期
2.下拉刷新函数onPullDownRefresh()
3.触底函数onReachBottom()
4.发送get请求使用uni.request
5.destroyed(){clearInterval(this.intId)}用来销毁页面内的定时器
四、条件兼容
1.在注释行里面写< !-- #ifdef H5 --> < view> 只在H5里面显示< /view> < !-- #endif --> ------------注释快捷键ctrl+/
2.在注释行里面写< !-- #ifdef MP-WEIXIN --> < view> 只在微信小程序里面显示< /view> < !-- #endif -->
3.组件，方法和样式都可以这样用
五、页面通讯
uni.$on(eventName,callback)
监听全局的自定义事件。事件可以由 uni.$emit 触发，回调函数会接收所有传入事件触发函数的额外参数。
uni.$on(‘eventName‘,num=> {this.num+=num})
uni.$emit(eventName,OBJECT)
方法里面调用uni.$emit(‘eventName‘,10)--------10对应上面的num实例

< navigator url="/pages/detail/detail?id=80& age=19"> 跳转页面< /navigator>

【uni-app学习随笔】

uni-app学习随笔

推荐阅读

立夏风俗立夏都有什么风俗

苹果11怎么改铃声（苹果11如何改铃声）

尼康55—200 尼康55-200二代怎么用

《带刺的仙人球》

促进扦插生根的五种方法促进扦插生根的方法有哪些

lol真的有外挂现象存在吗？你怎么看？

王者更新不了怎么回事

中医有哪些祛痘痘妙招

美缝剂是什么材料做的? 美缝剂是什么材料做的

ios韩国账号，Iphone5s怎么重新注册一个韩国的ID账号

积碳会导致发动机动力变差吗积碳会导致发动机动力变差吗视频

阅读电子书,很多人都推荐Kindle,具体好在哪里？

Secret|Secret Love(爱与被爱)

香奈儿发源地

北京接种新冠疫苗怎么预约最新

宿舍着火正确做法宿舍起火怎么处理

成都限行时间几点到几点成都车辆尾号限行时间段是几点到几点

c minus 语法分析器输出语法树

好用设置系统安装图文详细教程

mysql 查询不为null mysql查询数据不重