摘要: 一、setup setup是组合Composition API中的入口函数,也是第一个要使用的函数。 1、setup只在初始化时执行一次,所有的Composition API函数都在此使用。 2、setup是在beforeCreate生命周期之前执行的(只执行一次) beforeCreate() { 阅读全文
posted @ 2021-10-14 18:58 古兰精 阅读(1039) 评论(1) 推荐(0) 编辑
摘要: vue-class-component 是 vue 的官方库,作用是用类的方式编写组件。这种编写方式可以让 .vue 文件的 js 域结构更扁平,并使 vue 组件可以使用继承、混入等高级特性。 vue2.x 对 TS 的支持并不友好,所以 vue2.x 跟 TS 的整合,通常需要基于 vue-cl 阅读全文
posted @ 2021-10-14 16:49 古兰精 阅读(5664) 评论(0) 推荐(1) 编辑
摘要: 关于其构建过程理解,主要学习这篇文章:https://blog.csdn.net/qq_40882724/article/details/116860994 一、三个概念 首先,要理解三个重要的概念: (1)webpack构建:一个独立项目通过 webpack 打包编译而产生资源包。 (2)remo 阅读全文
posted @ 2021-10-14 16:07 古兰精 阅读(887) 评论(0) 推荐(0) 编辑
摘要: 一、如何共享模块 1、NPM 方式共享模块 想象一下正常的共享模块方式,就是 NPM。正常的代码共享需要将依赖作为 Lib 安装到项目,进行 Webpack 打包构建再上线。 对于项目 A 与 B,需要共享一个模块时,最常见的办法就是将该模块抽成通用依赖并分别安装在各自项目中。 2、微前端方式共享模 阅读全文
posted @ 2021-10-14 15:19 古兰精 阅读(2300) 评论(1) 推荐(0) 编辑
摘要: 一、什么是微前端? 微前端将微服务理念扩展到前端开发,一般来讲一个微服务架构中会有多个后端团队开发不同的业务服务,而前端通常只有一个团队,集中维护一个 SPA 单页应用,随着时间累加,前端团队维护的 SPA 会随着业务增长越来越大,变得难以维护(项目启动耗时、CI\CD 耗时等); 微前端可以帮助我 阅读全文
posted @ 2021-10-14 13:49 古兰精 阅读(988) 评论(0) 推荐(0) 编辑