vue3 setup 语法糖中使用uniui popup

官方文档中还有些例子是vue2的写法

下面代码是一个简单的示例，供大家参考。

<template>  
  <view>  
            <view>  
            <!-- 提示信息弹窗 -->  
            <uni-popup ref="message" type="message">  
                <uni-popup-message :type="msgType" :message="messageText" :duration="2000"></uni-popup-message>  
            </uni-popup>  
        </view>  

            <button type="primary" @click="messageToggle('success')">MESSAGE</button>  

  </view>  
</template>  

<script setup>  

    import {  
        ref,  
        onMounted  
    } from 'vue'  

    const message = ref(null)  
    const msgType = ref('')  
    const messageText = ref('')  

    onMounted(()=>{  
        console.log('onMounted')  
        // console.log(message.value)  
    })  
    function messageToggle(type) {  
        msgType.value = type  
        messageText.value = `这是一条${type}消息提示`  
        // this.$refs.message.open()  
        message.value.open()  
    }  
</script>