Skip to content

UNIAPP 使用 vue3 组合式 API

环境准备

  • 升级 uniapp 到 3.6.8+

  • HBuilderX 创建的项目直接升级 HBuilderX 到最新版即可

使用组合式 API

uniapp 使用 Vue3 setup 组合式 API 引入 uniapp 的 页面生命周期方法(onReachBottom 等)

bash

<script setup>
// 引入
import {
		onReachBottom,
		onShow,
	 } from '@dcloudio/uni-app';
// 直接使用 即可

onShow(() => {
	// 业务逻辑
})

onReachBottom(() => {
	// 业务逻辑
})

<script>

目前支持的导入方法

@dcloudio/uni-app 里面的方法