
获得徽章 6
- Vue3.5新增了一个baseWatch函数,用法和watch函数是一样的。有时只想用vue的响应式@vue/reactivity,但是watch函数的实现和Vue组件以及生命周期是深度绑定的,所以需要引入@vue/runtime-core包,或者手写watch函数(比如vuemini框架)。baseWatch函数的出现就是解决这个问题,他是在reactivity模块中重构的一个函数,完全不依赖Vue组件展开评论点赞
- 【2分钟搞定vue3动态加载远程组件】首先需要defineAsyncComponent定义一个异步组件,由于从服务端拿到的远程组件是一个普通的 Vue 单文件组件 (SFC),而defineAsyncComponent接收的却是vue组件对象。
所以这时需要使用一个工具将SFC编译成vue组件对象,可以自己写工具也可以使用三方库vue3-sfc-loader,这个库其实也是调用vue暴露出来的底层编译API。到这里就可以像使用普通组件一样去使用动态加载的远程组件啦。
由于不支持上传视频和GIF,效果图和代码在原文。
如果你对vue编译黑魔法感兴趣,可以看一下我写的完全免费开源电子书《vue3编译原理揭秘》vue-compiler.iamouyang.cn
展开赞过11 - 欧阳坚持每周一篇高质量文章,半年后收入1380.27元(全部来自掘金的金石计划)。还有很多隐性收益:
1:发布了一本开源电子书: vue3编译原理揭秘。半个月就有260个star啦,最近7天平均PV300多。地址:vue-compiler.iamouyang.cn
2:第一个vue源码交流群1个多月的时间就400多人啦,500人指日可待。
3:写了38篇文章,技术突飞猛进,顶得上过去1-2年的成果。展开等人赞过44 - 我是欧阳:
- 「vue3编译原理揭秘」电子书作者
- 某知名互联网公司资深前端开发工程师
- 欧阳平时写文章都会参考的多本vue源码电子书,关注下图回复「666」
- 加入欧阳的高质量vue源码交流群,关注下图回复「加群」展开评论点赞