uniapp学习记录

如何引入iconfont?
https://www.bilibili.com/video/BV1er4y1w7ao?p=9&spm_id_from=pageDriver&vd_source=1daa8b3ed9fa55a6abbdd09565d8d635
此课程的p8讲到了引入官方css样式库,p9讲到了引入自定义图标库,p10讲了引入css动画库。
黑马的项目可以小白学习
https://www.bilibili.com/video/BV1BJ411W7pX?p=6&spm_id_from=pageDriver&vd_source=1daa8b3ed9fa55a6abbdd09565d8d635
前几个p讲到了如何添加tabBar

一个vue页面(vue文件)只能有一个根节点,比如只能有一个最外面的view组件
<template>
<view>
//只能有一个最外面的view
</view>
</template>
最外面的view不能有多个,例如:
<template>
<view>
</view>
<view>
</view>
</template>

 

数据绑定使用v-bind。

平常使用可以直接使用:关键字代替v-bind:关键字,

:key=""

:src=""

使用v-for时,请注意同时需要绑定一个key,

为什么使用v-for时必须添加唯一的key?

https://juejin.cn/post/6844903577215827982

绑定数据自然页可能需要绑定事件,使用v-on绑定事件,

v-on:="事件函数名"

事件函数定义在method块里面。

如果事件里传递了参数,就需要加括号加参数了,

v-on:"事件函数名(参数)"

mthods块里也当然有括号有参数了,

事件函数名(参数){

功能...

}

若只传递一个事件对象,v-on可以不用加括号

v-on:"事件函数名(e)"

-

事件函数名(e){

console.log('clicked me',e)

}

 

若想传递参数又想把事件对象传递过去,在v-on里则需要使用事件对象的别名$event,

v-on:"事件函数名(参数,$event)"

-

事件函数名(参数,$event){

console.log('clicked me',参数,$event)

}

一般使用v-on时,可以使用@符号代替,分号也不需要了,

@"事件函数名(e)"

 

uni生命周期

https://uniapp.dcloud.net.cn/collocation/App.html

 

页面的生命周期

https://uniapp.dcloud.net.cn/tutorial/page.html#lifecycle

 

下拉刷新可以用来阻止太频繁的加载数据,

页面触底可以用来加载下一页的数据,

 

发送get请求,

 

版权声明:
作者:kukey-admin
链接:http://kuyour.top/index.php/2022/08/13/uniapp%e5%ad%a6%e4%b9%a0%e8%ae%b0%e5%bd%95/
来源:KuKey
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
打赏
海报
uniapp学习记录
如何引入iconfont? https://www.bilibili.com/video/BV1er4y1w7ao?p=9&spm_id_from=pageDriver&vd_source=1daa8b3ed9fa55a6abbdd09565d8d635 此课程的p8讲到……
<<上一篇
下一篇>>