位置: IT常识 - 正文

vue3之异步组件defineAsyncComponent 使用无效?(在vue项目如何引入异步组件?)

编辑:rootadmin
原文地址:我的稀土掘金 介绍:defineAsyncComponent 用于拆分应用为更小的块,并仅在需要时再从服务器加载相关组件 官网案例 <script setup> import { defineAsyncComponent } from 'vue' const AdminPage = def ...

推荐整理分享vue3之异步组件defineAsyncComponent 使用无效?(在vue项目如何引入异步组件?),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue3.0异步组件,在vue项目如何引入异步组件?,vue异步调用方法,vue3.0异步组件,在vue项目如何引入异步组件?,vue3 异步组件,vue3 异步组件,vue的异步组件,内容如对您有帮助,希望把文章链接给更多的朋友!

原文地址:我的稀土掘金

介绍:defineAsyncComponent 用于拆分应用为更小的块,并仅在需要时再从服务器加载相关组件

官网案例<script setup>import { defineAsyncComponent } from 'vue'const AdminPage = defineAsyncComponent(() => import('./components/AdminPageComponent.vue'))</script><template> <AdminPage /></template>vue3之异步组件defineAsyncComponent 使用无效?(在vue项目如何引入异步组件?)

结果展示

大致意思:无法读取未定义的属性

打印一下这个异步组件和普通组件的值

输出的值区别不大

再看官网import { defineAsyncComponent } from 'vue'const AsyncComp = defineAsyncComponent(() => { return new Promise((resolve, reject) => { // ...从服务器获取组件 resolve(/* 获取到的组件 */) })})// ... 像使用其他一般组件一样使用 `AsyncComp`

这种写法是没有问题的,但是有return 导出该数据

最后改造<script setup>import { defineAsyncComponent } from 'vue'const AdminPage = defineAsyncComponent(() => return import('./components/AdminPageComponent.vue'))</script><template> <AdminPage /></template>结果

官网上异步组件,存在代码疏漏,import 前需要return才会生效

本文链接地址:https://www.jiuchutong.com/zhishi/310495.html 转载请保留说明!

上一篇:java委托事件模型的使用(java委托模式和代理模式)

下一篇:phpcms后台验证码不显示怎么办(phpcms验证码不显示)

  • word中怎么画有刻度的坐标系(word中怎么画有刻度的线段)

    word中怎么画有刻度的坐标系(word中怎么画有刻度的线段)

  • 苹果下载app没有显示在桌面(苹果下载app没有显示在资源库)

    苹果下载app没有显示在桌面(苹果下载app没有显示在资源库)

  • 小米手环能离开手机使用支付宝付款吗(小米手环能离开手机使用吗)

    小米手环能离开手机使用支付宝付款吗(小米手环能离开手机使用吗)

  • 微信不是群主如何踢人出群(微信不是群主如何解散群)

    微信不是群主如何踢人出群(微信不是群主如何解散群)

  • ios13如何分屏(ios13手机怎么分屏)

    ios13如何分屏(ios13手机怎么分屏)

  • 抖音不关注能聊天吗(抖音不关注能聊天吗?)

    抖音不关注能聊天吗(抖音不关注能聊天吗?)

  • 华为不显示可用运存了(华为没有可用的移动网络是怎么回事)

    华为不显示可用运存了(华为没有可用的移动网络是怎么回事)

  • 初始化电脑要多久(初始化电脑要多久一直停在一个数)

    初始化电脑要多久(初始化电脑要多久一直停在一个数)

  • ipad没有低电量模式吗(ipad没有低电量弹窗)

    ipad没有低电量模式吗(ipad没有低电量弹窗)

  • b站如何看同时观看在线人数

    b站如何看同时观看在线人数

  • 拼多多怎么选择多种款式(拼多多怎么选择快递公司)

    拼多多怎么选择多种款式(拼多多怎么选择快递公司)

  • 暂停服务的手机号充值后还能用吗(暂停服务的手机号是欠费了吗)

    暂停服务的手机号充值后还能用吗(暂停服务的手机号是欠费了吗)

  • x27带不带红外线(x27有没有红外功能)

    x27带不带红外线(x27有没有红外功能)

  • 魔百和有线连接连不上(魔百和有线网络连接)

    魔百和有线连接连不上(魔百和有线网络连接)

  • 华为p40能用4g网络吗(华为p40能用5g网吗)

    华为p40能用4g网络吗(华为p40能用5g网吗)

  • nova6se可以无线充电吗(nova6se wifi)

    nova6se可以无线充电吗(nova6se wifi)

  • ipad wlan是几代(ipad wlan版本什么意思)

    ipad wlan是几代(ipad wlan版本什么意思)

  • 京东怎么看隐藏手机号(京东怎么看隐藏商品)

    京东怎么看隐藏手机号(京东怎么看隐藏商品)

  • 怎样用qq发视频给对方(怎样用qq发视频给别人)

    怎样用qq发视频给对方(怎样用qq发视频给别人)

  • 微信浮窗怎么调出来(微信浮窗怎么调整透明度)

    微信浮窗怎么调出来(微信浮窗怎么调整透明度)

  • 小米9信号不好怎么回事(小米9信号不好时总跳辅助键)

    小米9信号不好怎么回事(小米9信号不好时总跳辅助键)

  • 怎么让照片小于200k(怎么让照片小于190k)

    怎么让照片小于200k(怎么让照片小于190k)

  • 抖音水彩滤镜道具在哪里(抖音色彩涟漪滤镜)

    抖音水彩滤镜道具在哪里(抖音色彩涟漪滤镜)

  • 华为手机怎么设置锁屏壁纸(华为手机怎么设置青少年模式)

    华为手机怎么设置锁屏壁纸(华为手机怎么设置青少年模式)

  • 不是微信好友可以举报投诉吗(不是微信好友可以发红包吗)

    不是微信好友可以举报投诉吗(不是微信好友可以发红包吗)

  • 电脑虚拟内存不足怎么办(电脑虚拟内存不够)

    电脑虚拟内存不足怎么办(电脑虚拟内存不够)

  • java泛型的局限探究(java中的泛型的好处)

    java泛型的局限探究(java中的泛型的好处)

  • 销售部门使用的管理设备计提的折旧应计入的账户为
  • 增值税留抵税额计入什么科目
  • 管理费用结转本年利润,账簿怎么登
  • 净资产增加额计算公式
  • 货物和运费一起开票怎么开
  • 研发费用加计扣除条件
  • 企业基本医疗保险和综合医疗保险
  • 代开的专用发票如何开具红字发票
  • 公司收到一次性吸纳就业补贴款怎么分录
  • 季度收取租金会计分录怎么写?
  • 进口货物的价格国内销售需要考虑的税
  • 返税怎么操作流程
  • 个人所得税返还奖励财务人员做账
  • 7月认证的发票7月可以抵扣吗?
  • 航天信息服务费的会计分录
  • 内部收益率的计算步骤有
  • 外资租赁房屋房产税和土地使用税怎么申报?
  • 可供出售金融资产新准则叫什么
  • 百旺税控怎么赋码
  • 跨年度残保金退税怎么算
  • 什么叫抵免
  • 经营预算的基本内容包括
  • 飞鱼星路由器信号有点差怎么办
  • windos11安卓
  • 开启网络共享后怎么使用
  • 苹果手机查看激活id账号信息
  • 抵押,质押,留置的区别与联系
  • 接待客人后的感受和过程
  • 除了正式发票还有啥
  • 差旅费的会计分录怎么做
  • 企业投资收益要交印花税吗
  • 企业收到政府奖励会计分录
  • 一般纳税人销售自己使用过的汽车
  • 有多种解决方法的问题
  • vue路由实现
  • h5的开发
  • add files to archive
  • php常用字符串函数讲解
  • Win11 Build 23430 预览版发布(附更新修复内容汇总)
  • 保理属于什么行业分类
  • 外省人员收入怎么查
  • 收据能抵成本吗
  • 微擎框架是开源的吗
  • c语言中sizeof是啥意思
  • 一般纳税人开普票要交税几点
  • sqlserver日期加减月份
  • 提现手续费属于什么费用
  • 转让负债 增值税
  • 研发费用按50%的预算
  • 固定资产抵扣进项税额最新规定
  • 无形资产可以占多少比例
  • 货款和发票金额一样吗
  • 本年利润在借方表示什么意思
  • 应纳税所得额收入总额包括
  • 非房产企业出售土地,能否计算抵减地价款
  • 成本费用率计算公式中包含税金及附加吗
  • 公司的应付票据
  • Mysql 1864 主从错误解决方法
  • mysql爆破字典
  • win8 怎么样
  • xp电脑显示屏显示不全
  • 系统审核策略配置
  • 桌面右边
  • windows10预览版安装
  • winmgm32.exe - winmgm32 是什么进程
  • win8命令提示符怎么运行命令
  • win8系统咋样
  • win7系统的excel在哪里
  • svn下载项目
  • [置顶] 混合、反走样、雾效、多边形偏移
  • vtk下载步骤
  • js面向对象的几种方式
  • shell脚本实现ssh登录
  • js快速生成数组
  • shell脚本实现文件移动、复制等操作
  • jquery属性操作
  • python自动化部署k8s集群
  • android应用开发基础课后答案
  • 河南林州在哪三省交界处
  • 本季度可以弥补上季度亏损吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设