获得徽章 0
赞了这篇沸点
连续4个月拿掘金的优秀创造者啦,这个月掘金写文章又可以分到466元。[呲牙]
前端欧阳于2024-09-12 20:40发布的图片
评论
前端开发 @杭州华为云
前端开发 @杭州华为云
赞了这篇沸点
【你不知道的vue3】使用Suspense可以让组件“暂停”渲染,等从服务端拿到数据后才第一次开始渲染组件。

父组件中使用Suspense渲染子组件时发现是异步组件,就会“自动”去渲染loading。等子组件从服务端拿到数据后再第一次去渲染子组件,“自动”将loading替换为子组件的内容。
地址:juejin.cn
展开
前端欧阳于2024-08-19 09:33发布的图片
前端欧阳于2024-08-19 09:33发布的图片
评论
赞了这篇沸点
【2分钟搞定vue3动态加载远程组件】首先需要defineAsyncComponent定义一个异步组件,由于从服务端拿到的远程组件是一个普通的 Vue 单文件组件 (SFC),而defineAsyncComponent接收的却是vue组件对象。
所以这时需要使用一个工具将SFC编译成vue组件对象,可以自己写工具也可以使用三方库vue3-sfc-loader,这个库其实也是调用vue暴露出来的底层编译API。到这里就可以像使用普通组件一样去使用动态加载的远程组件啦。

由于不支持上传视频和GIF,效果图和代码在原文。

如果你对vue编译黑魔法感兴趣,可以看一下我写的完全免费开源电子书《vue3编译原理揭秘》
vue-compiler.iamouyang.cn
展开
1
前端开发 @杭州华为云
前端开发 @杭州华为云
前端开发 @杭州华为云
前端开发 @杭州华为云
下一页