uniapp 使用Vue3 setup组合式API 引入 uniapp 的 页面生命周期
2022/8/23 6:23:51
本文主要是介绍uniapp 使用Vue3 setup组合式API 引入 uniapp 的 页面生命周期,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
uniapp 使用Vue3 setup组合式API 引入 uniapp 的 页面生命周期
<template> <view class="content"> <image class="logo" @click="handleFei" src="/static/logo.png"></image> <view class="text-area"> <text class="title" :class="title">{{ title }}</text> </view> <view> <text class="title"> 启动遇到报错,就是你的版本有问题,或者少依赖 </text> </view> </view> </template> <script setup> import {ref} from 'vue' import {onLaunch, onShow, onHide, onl oad} from '@dcloudio/uni-app' const title = ref('大飞Vue3,uni-appddd启动成功了'); const handleFei = () => { console.log('handleFei点击事件====='); } onLaunch(()=>{ console.log('App Launch ========') }) onShow(()=>{ console.log('App Show ====='); }) onHide(()=>{ console.log('App Hide =======') }) onLoad(()=>{ setTimeout(()=>{ console.log('App onl oad =======') },500) }) </script> <style> .content { display: flex; flex-direction: column; align-items: center; justify-content: center; } .logo { height: 200rpx; width: 200rpx; margin-top: 200rpx; margin-left: auto; margin-right: auto; margin-bottom: 50rpx; } .text-area { display: flex; justify-content: center; } .title { font-size: 36rpx; color: #8f8f94; } </style>
完整项目地址
这篇关于uniapp 使用Vue3 setup组合式API 引入 uniapp 的 页面生命周期的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set
- 2024-03-01react native uuid
- 2024-02-29vuejs sidebar