vue3基础-实战3: Toast插件与项目打包

#J#_

于 2024-02-29 16:00:00 发布

阅读量544

点赞数 9

分类专栏： vue3-基础课程-入门文章标签：前端 vue.js javascript 开发语言

本文链接：https://blog.youkuaiyun.com/qq_42004717/article/details/136175742

版权

本文介绍了如何封装一个简单的VueToast提示插件，替代alert，并详细步骤说明了如何在Vite项目中配置打包，包括修改`vite.config.js`，以及使用HBuilderX打包成APK进行手机测试，涉及实名认证过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Toast插件

封装一个toast插件来替换之前的alert提示

🎞️Toast插件封装视频

代码

index.vue

<script setup>
defineProps({
   
  msg: {
   
    default: ''
  }
})
</script>

<template>
  <div class="v-toast">
    {
   {
    msg }}
  </div>
</template>

<style scoped>
.v-toast {

最低0.47元/天解锁文章