uniapp vue3版本的一些小细节！

1,生命周期的引用

import {onShow,onHide,onLoad
} from "@dcloudio/uni-app"onShow(() => {showLog('onShow')})onLoad((options) => {showLog(' onLoad')})

需要引入，才可以调用

2，全局引入css

在main.js或者ts中，导入就可以

// 例如引入全局CSS文件
import './util/baseCss.css'

3，功能模拟：列表页面，跳转到详情页面，详情页面操作完功能后，要返回列表页面，并且还需要把列表页面中操作的这条数据删除，其他的数据不变！

在列表页面的onShow方法中！

onShow(() => {showLog('列表页 onShow')uni.$on("refresh_repair", res => {showLog("收到刷新消息，消息为");showLog(res);showLog("刷新前长度为：" + indexList.value.length)let tabIndex = res.tabIndex//去除array中的这个id的值const index = indexList.value.findIndex(item => item.id === res.tabIndex)if (index > -1) {indexList.value.splice(index, 1)}showLog("刷新后长度为：" + indexList.value.length)showLog(indexList.value)// 清除监听uni.$off('refresh_repair');})})

在详情页面！

uni.$emit("refresh_repair", {tabIndex: deviceValue.value.repairId});uni.navigateBack({delta: 1})

都监听key为refresh_repair，是根据对应的id唯一值来判断删除item。

切记！！！！！！

在onUnload，也需要清除监听，这是因为你有可以没有进入详情页就返回了，下次在进入的时候，又监听上了refresh_repair，导致会多次监听。到时候数据就会多次返回了！

onUnload(() => {showLog('列表页 onUnload')uni.$off('refresh_repair');})

后续慢慢添加！