在uniapp vue3 setup语法糖中调用onLoad、onShow等生命周期

简介: 在uniapp vue3 setup语法糖中调用onLoad、onShow等生命周期
  import { onLoad } from "@dcloudio/uni-app"
  onLoad(()=>{
    console.log(11)
  })

@dcloudio/uni-app导出

可导出项:

 

  formatAppLog
  formatH5Log
  getCurrentSubNVue
  getSsrGlobalData
  initUtsProxyClass
  initUtsProxyFunction
  onAddToFavorites
  onBackPress
  onError
  onHide
  onInit
  onLaunch
  onLoad
  onNavigationBarButtonTap
  onNavigationBarSearchInputChanged
  onNavigationBarSearchInputClicked
  onNavigationBarSearchInputConfirmed
  onNavigationBarSearchInputFocusChanged
  onPageNotFound
  onPageScroll
  onPullDownRefresh
  onReachBottom
  onReady
  onResize
  onSaveExitState
  onShareAppMessage
  onShareTimeline
  onShow
  onTabItemTap
  onThemeChange
  onUnhandledRejection
  onUnload
  requireNativePlugin
  resolveEasycom
  shallowSsrRef
  ssrRef

uniapp要用vue的语法来写,但是周期函数还是根据小程序内的周期函数来写 通过导出的配置项来看,可以直接使用周期函数

相关文章
|
3月前
|
JavaScript 开发者
[译] 监听第三方 Vue 组件的生命周期钩子
[译] 监听第三方 Vue 组件的生命周期钩子
|
28天前
|
JavaScript
Vue 的父组件和子组件生命周期钩子执行顺序
在 Vue 中,父组件和子组件的生命周期钩子执行顺序如下:
|
1月前
|
JavaScript
|
1月前
|
JavaScript
vue3 生命周期
【10月更文挑战第14天】vue3 生命周期
|
2月前
|
JSON JavaScript 小程序
使用VSCode搭建UniApp + TS + Vue3 + Vite项目
`uniapp` 是一个基于 Vue.js 的框架,支持一次开发多端部署,深受前端开发者喜爱。本文详细介绍如何使用 `VSCode` 搭建 `uniapp` 项目,包括安装 `node` 和 `pnpm`、创建项目、安装扩展组件、配置 `Json` 文件注释及安装相关插件。通过这些步骤,你可以高效地使用 `VSCode` 开发 `uniapp` 项目,并享受代码提示和自动补全功能,提高开发效率。
293 24
使用VSCode搭建UniApp + TS + Vue3 + Vite项目
|
1月前
|
开发者
vue3生命周期钩子变化
【10月更文挑战第4天】
|
1月前
|
JavaScript 前端开发 API
深入探索挖掘vue3 生命周期
【10月更文挑战第10天】
30 0
|
2月前
vue3+uniapp配置路由导航守卫
vue3+uniapp配置路由导航守卫
|
2月前
|
JavaScript 前端开发 API
Vue3基础(十yi)___常用生命周期函数___setup___onMounted___onUpdated
本文介绍了Vue 3中的常用生命周期函数,包括`setup`、`onBeforeMount`、`onMounted`、`onBeforeUpdate`、`onUpdated`、`onBeforeUnmount`和`onUnmounted`,并解释了它们与Vue 2生命周期钩子的对应关系。文章通过代码示例展示了这些生命周期钩子在组件中的使用时机和场景。
43 0
|
3月前
|
JavaScript 前端开发 程序员
Vue学习之--------Vue生命周期beforeCreate、created、beforeMount、mounted、beforeDestroy 。。。(图解详细过程)(2022/7/17)
这篇文章详细介绍了Vue的生命周期和各个阶段的钩子函数,包括`beforeCreate`、`created`、`beforeMount`、`mounted`、`beforeUpdate`、`updated`、`beforeDestroy`和`destroyed`。文章通过图解、方法说明、代码实例和测试效果,阐述了每个钩子函数的作用和使用场景,帮助读者深入理解Vue实例从创建到销毁的整个过程。
Vue学习之--------Vue生命周期beforeCreate、created、beforeMount、mounted、beforeDestroy 。。。(图解详细过程)(2022/7/17)