首页
首页
BOT
沸点
课程
直播
活动
AI刷题
NEW
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
夜牙
掘友等级
前端开发
|
杭州华为云
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
14
文章 11
沸点 3
赞
14
返回
|
搜索文章
夜牙
赞了这篇沸点
前端欧阳
vue3编译原理揭秘 作者 @v heavenyjj0012
·
5月前
举报
连续4个月拿掘金的优秀创造者啦,这个月掘金写文章又可以分到466元。
收起
查看大图
向左旋转
向右旋转
上班摸鱼
等人赞过
分享
评论
12
夜牙
赞了这篇文章
前端欧阳
vue3编译原理揭秘 作者 @v heavenyjj0012
·
5月前
关注
牛逼!在Vue3.5中仅仅2分钟就能封装一个自动cancel的fetch函数
使用Vue3.5新增的onWatcherCleanup函数封装一个自动cancel的fetch函数。...
42
14
分享
夜牙
赞了这篇文章
前端欧阳
vue3编译原理揭秘 作者 @v heavenyjj0012
·
5月前
关注
军工厂电气工程师到知名互联网公司程序员,我吃饭的家伙有哪些
今年刚好是欧阳三十而立之年,虽然没有立起来。这篇文章来聊聊我从一名军工厂电气工程师到某知名互联网公司程序员,这期间我吃饭的家伙都有哪些。...
49
16
分享
夜牙
关注了
前端徐徐
前端开发 @杭州华为云
夜牙
关注了
Dawn_H
前端开发 @杭州华为云
夜牙
赞了这篇文章
前端欧阳
vue3编译原理揭秘 作者 @v heavenyjj0012
·
5月前
关注
这应该是全网最详细的Vue3.5版本解读
Vue3.5正式版在这两天发布了,网上已经有了不少关于Vue3.5版本的解读文章。但是欧阳发现这些文章对3.5中新增的功能介绍都不是很全,所以导致不少同学有个错觉,觉得Vu...
291
66
分享
夜牙
赞了这篇文章
前端欧阳
vue3编译原理揭秘 作者 @v heavenyjj0012
·
5月前
关注
牛逼!Vue3.5的useTemplateRef让ref操作DOM更加丝滑
vue3中想要访问DOM和子组件可以使用ref进行模版引用,但是这个ref有一些让人迷惑的地方。比如定义的ref变量到底是一个响应式数据还是DOM元素?...
172
70
分享
夜牙
赞了这篇文章
前端欧阳
vue3编译原理揭秘 作者 @v heavenyjj0012
·
5月前
关注
Vue3.5新增的baseWatch让watch函数和Vue组件彻底分手
Vue3.5新增了一个baseWatch,让watch函数和Vue组件彻底分手,他的实现和Vue组件以及生命周期没有一毛钱关系。...
120
30
分享
夜牙
赞了这篇文章
前端欧阳
vue3编译原理揭秘 作者 @v heavenyjj0012
·
6月前
关注
给我5分钟,保证教会你在vue3中动态加载远程组件
在一些特殊的场景中(比如低代码、减少小程序包体积、类似于APP的热更新),我们需要从服务端动态加载.vue文件,然后将动态加载的远程vue组件渲染到我们的项目中。...
137
29
分享
夜牙
赞了这篇文章
前端欧阳
vue3编译原理揭秘 作者 @v heavenyjj0012
·
5月前
关注
卧槽,牛逼!vue3的组件竟然还能“暂停”渲染!
有没有一种完美的方案,从服务端获取数据的逻辑放在子组件中,并且在获取数据的期间让子组件“暂停”一下,先不去渲染,等到数据请求完成后再第一次去渲染子组件呢?...
277
51
分享
夜牙
赞了这篇文章
前端欧阳
vue3编译原理揭秘 作者 @v heavenyjj0012
·
6月前
关注
这本vue3编译原理开源电子书,初中级前端竟然都能看懂
众所周知vue提供了很多黑魔法,比如单文件组件(SFC)、指令、宏函数、css scoped等。这些都是vue提供的开箱即用的功能,大家平时用这些黑魔法的时候有没有疑惑过一...
63
11
分享
夜牙
赞了这篇文章
前端欧阳
vue3编译原理揭秘 作者 @v heavenyjj0012
·
6月前
关注
vue3的defineAsyncComponent是如何实现异步组件的呢?
这篇文章我们将通过debug源码的方式来带你搞清楚defineAsyncComponent是如何实现异步组件的。...
8
评论
分享
夜牙
赞了这篇文章
前端欧阳
vue3编译原理揭秘 作者 @v heavenyjj0012
·
7月前
关注
新知识get,vue3是如何实现在style中使用响应式变量?
vue3已经内置了在style中使用v-bind指令绑定script模块中的响应式变量,这篇文章我们来讲讲vue是如何实现在style中使用script模块中的响应式变量。...
17
2
分享
夜牙
赞了这篇文章
前端欧阳
vue3编译原理揭秘 作者 @v heavenyjj0012
·
7月前
关注
掉了两根头发后,我悟了!vue3的scoped原来是这样避免样式污染(上)
这篇我们来讲讲使用了scoped后,vue是如何给CSS选择器添加对应的属性选择器[data-v-x]...
34
5
分享
夜牙
赞了这篇沸点
前端欧阳
vue3编译原理揭秘 作者 @v heavenyjj0012
·
5月前
举报
【你不知道的vue3】使用Suspense可以让组件“暂停”渲染,等从服务端拿到数据后才第一次开始渲染组件。
父组件中使用Suspense渲染子组件时发现是异步组件,就会“自动”去渲染loading。等子组件从服务端拿到数据后再第一次去渲染子组件,“自动”将loading替换为子组件的内容。
地址:
juejin.cn
展开
收起
查看大图
向左旋转
向右旋转
前端开发圈
赞过
分享
评论
1
夜牙
赞了这篇沸点
前端欧阳
vue3编译原理揭秘 作者 @v heavenyjj0012
·
5月前
举报
【2分钟搞定vue3动态加载远程组件】首先需要defineAsyncComponent定义一个异步组件,由于从服务端拿到的远程组件是一个普通的 Vue 单文件组件 (SFC),而defineAsyncComponent接收的却是vue组件对象。
所以这时需要使用一个工具将SFC编译成vue组件对象,可以自己写工具也可以使用三方库vue3-sfc-loader,这个库其实也是调用vue暴露出来的底层编译API。到这里就可以像使用普通组件一样去使用动态加载的远程组件啦。
由于不支持上传视频和GIF,效果图和代码在原文。
如果你对vue编译黑魔法感兴趣,可以看一下我写的完全免费开源电子书《vue3编译原理揭秘》
vue-compiler.iamouyang.cn
展开
给我5分钟,保证教会你在vue3中动态加载远程组件在一些特殊的场景中(比如低代码、减少小程序包体积、类似于APP的热更新 - 掘金
juejin.cn
前端开发圈
赞过
分享
1
1
夜牙
关注了
徐小夕
前端开发 @杭州华为云
夜牙
关注了
前端欧阳
前端开发 @杭州华为云
夜牙
关注了
字节前端
前端开发 @杭州华为云
夜牙
关注了
圆儿圈圈
前端开发 @杭州华为云
下一页
关注了
12
关注者
0
收藏集
0
关注标签
1
加入于
2021-01-27