• Vue3.0种中新增的teleport和suspence标签


    teleport标签

    我们通过vue创建的项目,最终的html文件,只会有aap那个div标签,所有组件都是基于这个div显示。然而,有时组件模板的一部分逻辑上属于该组件,而从技术角度来看,最好将模板的这一部分移动到 DOM 中 Vue app 之外的其他位置。

    这个标签可以指定将标签内的元素添加到指定位置。

    用法:

    css选择器"> 

            //想要添加的内容

     比如在index.html中,app那个div外添加元素节点,我们先手动创建一个app2的div。

    App.vue代码:指定向app2添加内容


    1.    

       fallback这个插槽的内容为组件异步加载过程中显示的内容,default这个为组件MyChild异步加载成功时显示的内容。

      我们在template模板中,写上上述代码后,需要在setup钩子环境中导入这个MyChild组件,

      代码:

    2. 相关阅读:
      华为S9312CPU占用率过高,查看BUFM占用最多
      Windows安装Doceker-学习笔记
      async 和 await 原来这么简单
      Js逆向教程-08跟值技巧
      Spring cloud 集成 SkyWalking 实现性能监控、链路追踪、日志收集
      5. Python 数据类型之整数
      iRDMA Flow Control Introduction
      猿创征文 | 五分钟让你了解vue表单
      速卖通自养号测评:如何规避安全风险?
      C语言中 枚举变量与枚举值,枚举类型变量再赋值问题
    3. 原文地址:https://blog.csdn.net/m0_59345890/article/details/126977337