摘要: 一、const 和 readonly 的区别 1、TypeScript 中不可变量的实现方法有两种: 使用 ES6 的 const 关键字声明的值类型 被 readonly 修饰的属性 2、TypeScript 中 readonly: TypeScript 中的只读修饰符,可以声明更加严谨的可读属性 阅读全文
posted @ 2021-10-15 18:13 古兰精 阅读(1) 评论(0) 推荐(0) 编辑
摘要: Componsition API 是 vue3 的一个很大的更新,也是很大的一个优点。为什么要更新呢?肯定是 vue2 的 Options API 有问题,本文就两者的区别做个介绍。 一、vue2 的 Options API 1、Options API - 又叫选项API 在 VUE2 中我们是如何 阅读全文
posted @ 2021-10-15 17:09 古兰精 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 一、使用与不使用 script setup 的对比 1、不使用 script setup 的繁杂性 我们之前的组件可能是这样的: <template> <div> <Card>{{msg}}</Card> </div> </template> <script lang="ts"> import { 阅读全文
posted @ 2021-10-15 16:21 古兰精 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 一、Vue3.x 应用配置 config:包含Vue应用程序全局配置的对象,在挂载应用之前配置相应的属性。 const app = Vue.createApp({}); app.config = {...}; 1、devtools(类型:Boolean,默认:true) 概述:配置是否允许开启vue 阅读全文
posted @ 2021-10-15 15:32 古兰精 阅读(5) 评论(0) 推荐(0) 编辑
摘要: Teleport 是什么?它解决的是什么问题? 一、使用场景 - 为什么我们需要 Teleport Teleport 是一种能够将我们的模板移动到 DOM 中 Vue app 之外的其他位置的技术。 1、使用场景: 业务开发的过程中,我们经常会封装一些常用的组件,例如 Modal 组件。相信大家在使 阅读全文
posted @ 2021-10-15 13:40 古兰精 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 一、setup setup是组合Composition API中的入口函数,也是第一个要使用的函数。 1、setup只在初始化时执行一次,所有的Composition API函数都在此使用。 2、setup是在beforeCreate生命周期之前执行的(只执行一次) beforeCreate() { 阅读全文
posted @ 2021-10-14 18:58 古兰精 阅读(11) 评论(1) 推荐(0) 编辑
摘要: vue-class-component 是 vue 的官方库,作用是用类的方式编写组件。这种编写方式可以让 .vue 文件的 js 域结构更扁平,并使 vue 组件可以使用继承、混入等高级特性。 vue2.x 对 TS 的支持并不友好,所以 vue2.x 跟 TS 的整合,通常需要基于 vue-cl 阅读全文
posted @ 2021-10-14 16:49 古兰精 阅读(10) 评论(0) 推荐(0) 编辑
摘要: 关于其构建过程理解,主要学习这篇文章:https://blog.csdn.net/qq_40882724/article/details/116860994 一、三个概念 首先,要理解三个重要的概念: (1)webpack构建:一个独立项目通过 webpack 打包编译而产生资源包。 (2)remo 阅读全文
posted @ 2021-10-14 16:07 古兰精 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 一、如何共享模块 1、NPM 方式共享模块 想象一下正常的共享模块方式,就是 NPM。正常的代码共享需要将依赖作为 Lib 安装到项目,进行 Webpack 打包构建再上线。 对于项目 A 与 B,需要共享一个模块时,最常见的办法就是将该模块抽成通用依赖并分别安装在各自项目中。 2、微前端方式共享模 阅读全文
posted @ 2021-10-14 15:19 古兰精 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 一、什么是微前端? 微前端将微服务理念扩展到前端开发,一般来讲一个微服务架构中会有多个后端团队开发不同的业务服务,而前端通常只有一个团队,集中维护一个 SPA 单页应用,随着时间累加,前端团队维护的 SPA 会随着业务增长越来越大,变得难以维护(项目启动耗时、CI\CD 耗时等); 微前端可以帮助我 阅读全文
posted @ 2021-10-14 13:49 古兰精 阅读(3) 评论(0) 推荐(0) 编辑