当前位置: 首页 > 知识库问答 >
问题:

vue3 - Vue3如何从零开始构建一个简单的弹窗?

沈淇
2024-01-05

message组件

不懂虚拟DOM

共有1个答案

狄子真
2024-01-05

好巧,我近期刚好写了一篇博客,可以看看:Vue3 中使用 h + render 渲染组件,实现自定义弹窗功能。

简单分析一下。弹窗可以用 HTML 来做,最简单的办法就是放一个 DOM 在组件里,然后通过变量控制它的显示与否。但是这样就必须在组件模版里固定写好,比较麻烦,尤其是一些比较基础的 confirm 类型的组件。

使用 Vnode 就可以在 JS 里处理这个需求,主要利用 h 创建,然后用 render 添加。

 类似资料:
  • 本文向大家介绍从零开始搭建一个react项目开发,包括了从零开始搭建一个react项目开发的使用技巧和注意事项,需要的朋友参考一下 本文介绍了从零开始搭建一个react项目开发,分享给大家,具体如下: 1、npm init 生成 package.json 文件. 2、安装各种需要的依赖: npm install  --save react - 安装React. npm install  --sav

  • 本文向大家介绍从零开始用webpack构建一个vue3.0项目工程的实现,包括了从零开始用webpack构建一个vue3.0项目工程的实现的使用技巧和注意事项,需要的朋友参考一下 前言 入门级别教程,适用于初级工程师 移动端 单页面  Demo 正文 第一步 找一个你认为合适的磁盘。输入mkdir test, cd test , npm init -y。 第二步 安装依赖 webpack 系列依赖

  • 我希望直接使用div,progress,它们需要保持响应式,如何简化呢? ...

  • 大佬们,为什么测试环境会报dialogVisible is not defined?

  • 准备好了吗? 准备来开始我们的旅程!如果你就是那种从不看说明书的人,我推荐你还是回头看一下简介的最后一节。那里面讲了这个教学中你需要用到的工具及基本用法。我们首先要做的就是进入 ghc 的交互模式,接着就可以写几个函数体验一下 Haskell 了。打开终端机,输入 ghci,你会看到下列欢迎消息: GHCi,version6.8.2:http://www.haskell.org/ghc/ :?fo

  • 从零开始 欢迎您选择ILRuntime , 根据下面教程您可以快速的开始。 起步 在Unity2018以上版本中开始使用ILRuntime ILRuntime1.6版新增了Package Manager发布,使用Unity2018以上版本可以直接通过Package Manager安装,具体方法如下 如果你使用的是中国特别版Unity,那直接打开Package Manager即可找到ILRuntim