摘要: 一、const 和 readonly 的区别 1、TypeScript 中不可变量的实现方法有两种: 使用 ES6 的 const 关键字声明的值类型 被 readonly 修饰的属性 2、TypeScript 中 readonly: TypeScript 中的只读修饰符,可以声明更加严谨的可读属性 阅读全文
posted @ 2021-10-15 18:13 古兰精 阅读(2974) 评论(0) 推荐(1) 编辑
摘要: Componsition API 是 vue3 的一个很大的更新,也是很大的一个优点。为什么要更新呢?肯定是 vue2 的 Options API 有问题,本文就两者的区别做个介绍。 一、vue2 的 Options API 1、Options API - 又叫选项API 在 VUE2 中我们是如何 阅读全文
posted @ 2021-10-15 17:09 古兰精 阅读(3059) 评论(0) 推荐(0) 编辑
摘要: 一、使用与不使用 script setup 的对比 1、不使用 script setup 的繁杂性 我们之前的组件可能是这样的: <template> <div> <Card>{{msg}}</Card> </div> </template> <script lang="ts"> import { 阅读全文
posted @ 2021-10-15 16:21 古兰精 阅读(1400) 评论(0) 推荐(1) 编辑
摘要: 一、Vue3.x 应用配置 config:包含Vue应用程序全局配置的对象,在挂载应用之前配置相应的属性。 const app = Vue.createApp({}); app.config = {...}; 1、devtools(类型:Boolean,默认:true) 概述:配置是否允许开启vue 阅读全文
posted @ 2021-10-15 15:32 古兰精 阅读(1879) 评论(0) 推荐(0) 编辑
摘要: Teleport 是什么?它解决的是什么问题? 一、使用场景 - 为什么我们需要 Teleport Teleport 是一种能够将我们的模板移动到 DOM 中 Vue app 之外的其他位置的技术。 1、使用场景: 业务开发的过程中,我们经常会封装一些常用的组件,例如 Modal 组件。相信大家在使 阅读全文
posted @ 2021-10-15 13:40 古兰精 阅读(1833) 评论(0) 推荐(0) 编辑