uni-app 新手入门到精通2

uni-app 新手入门到精通1 https://blog.csdn.net/renxiaoxing55/article/details/109073564

uni-app 新手入门到精通3 https://blog.csdn.net/renxiaoxing55/article/details/109103310

uni-app 新手入门到精通完结 https://blog.csdn.net/renxiaoxing55/article/details/109117750

1, uni 基本的数据绑定 v-bind v-for 注册事件和传递函数 和vue 基本是一样的,这里我就不多说了

2, 生命周期 API=>基础=>生命周期
主要作用的话,大家去官网看文档吧
https://uniapp.dcloud.io/api/lifecycle
分为两部分

其一,应用生命周期 在App.vue 运行的时候的控制台可以直接看到打印结果
其二, 页面生命周期 用的比较多的是onLoad 监听页面加载，其参数为上个页面传递的数据，参数类型为Object（用于页面传参)
onShow和onHide用途和应用生命周期是样的

点击隐藏这个的时候会触发onHide

3,下拉刷新 API=>界面=>下拉刷新

   首先要在需要下拉刷新页面设置可刷新的属性  pages.json

{
   
   
	"path": "pages/index/index",
	"style": {
   
   
		"navigationBarTitleText": "首页",
		"enablePullDownRefresh": true
	}
},

<template>
	<view>
		<view class="box-item" v-for="item in list">
			{
   
   {
   
   item}}
		</view>
	</view>
</template>
<script>
 export default{
   
   
	 data(){
   
   
		 return {
   
   
		 	list: ['张三','李四','王五','小美','张三丰','李二','王八']
		 }
	 },
	 onPullDownRefresh () {
   
       //下拉刷新的监听事件 触发下拉刷新
	 	console.log('触发了下拉刷新')
	 	setTimeout((