Vue3中setup前写async页面不显示

主要还是渲染异步组件：

1.父组件中引用defineAsyncComponent

import { defineAsyncComponent } from 'vue'components: {AsyncComponent: defineAsyncComponent(() =>import('./components/AsyncComponent.vue'))}
})

加载状态将由<Suspense>控制，组件自身的加载、错误、延迟和超时选项将被忽略。

<template><Suspense> <AsyncComponent/></Suspense>
<template>

2.子组件中使用async

async setup(){let list = await getNewsList();
}

完美解决异步子组件~

Vue3中setup前写async页面不显示相关推荐

Vue3中的setup前加上async后页面不显示
问题: Vue3项目中,在setup函数前加上了async,使其变成异步函数,导致页面空白不显示? 描述: 最近在学习Vue3项目,使用了CompositionAPI的书写方式,其中有一个setup函 ...
vue3中setup()函数的使用二
vue3的使用 <template><div id="one"><img src="http://127.0.0.1:9000/upload ...
vue3中setup()函数的使用一
<template><div id="one"><img src="http://127.0.0.1:9000/upload/001.png ...
剖析Vue3中setup()的用法（持续更新中）
一.setup的特性及作用可以确定的是 Vue3.0 是兼容 Vue2.x 版本的也就是说我们再日常工作中可以在 Vue3 中使用 Vue2.x 的相关语法但是不建议这样写. Vue3 的一大 ...
vue3中 setup注意点
setup执行的时机:在beforeCreate之前执行一次,this是undefined. setup参数(只能收到2个): 1 props:值为对象,包含:组件外部传递过来,且组件内部声明接收了 ...
jsp页面用c标签来循环遍历数据库某表中里面的数据但是页面不显示数据
控制台也不报错,页面也不显示? 遇到这个情况,第一看jsp页面的c标签写的是否符合正规我的jsp页面的c标签代码如下: c标签循环遍历的规范 1.有导入c标签库 <%@taglib uri= ...
vue3使用vite+setup+ts写一个初级前端项目
Vue3vite+setup+ts项目总结项目说明项目概述本项目纯粹是为了学习和巩固刚学的vue3组合式api和语法糖,再加上网上流行vite+ts+vue,所以便有了这个历时四天的vue3前端 ...
【Vue3】vue3中组合式Api的setup写法快速入门上手起步
要使用Vue3,那必须得会setup,因为setup是组合式API表演的舞台. 安装volar 如果你的VScode之前安装有vuter插件,请先把他禁用或者卸载掉,然后安装volar. 因为,vut ...
vue3中的setup函数
一.概念: setup是vue3中的一个新的配置项,值为一个函数,我们在组件中用到的数据.方法等等,都要配置在setup中. 二.详解: setup函数的返回值有两种 1.返回一个渲染函数,可以自定义 ...

Vue3中setup前写async页面不显示

1.父组件中引用defineAsyncComponent

2.子组件中使用async

Vue3中setup前写async页面不显示相关推荐

最新文章

热门文章