会员
周边
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
古兰精
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
9
10
11
12
13
14
15
16
17
···
128
下一页
2021年10月19日
TypeScript函数(与js函数区别、返回值类型、必填参数可选参数默认参数剩余参数、函数重载)、接口(对象形状描述、可选属性只读属性、索引签名任意属性、接口与类型别名的区别、声明合并、接口继承)、类(类的属性和方法、私有字段、存取器、继承、访问控制修饰符、类的方法重载)
摘要: 一、TypeScript 函数 1、TypeScript 函数与 JavaScript 函数的区别:我们主要看一下不同的 TypeScript 函数:函数有类型、函数有返回值类型、参数有类型、有必填和可选参数、有函数重载 JavaScript 函数:函数无类型、函数无返回值类型、参数无类型、所有参数
阅读全文
posted @ 2021-10-19 15:17 古兰精
阅读(606)
评论(0)
推荐(0)
2021年10月18日
TypeScript类型守卫、联合类型、交叉类型
摘要: 一、类型守卫 类型保护是可执行运行时检查的一种表达式,用于确保该类型在一定的范围内。 换句话说,类型保护可以保证一个字符串是一个字符串,尽管它的值也可以是一个数值。类型保护与特性检测并不是完全不同,其主要思想是尝试检测属性、方法或原型,以确定如何处理值。目前主要有四种的方式来实现类型保护: 1、in
阅读全文
posted @ 2021-10-18 22:55 古兰精
阅读(1180)
评论(0)
推荐(0)
Vue3+ts+eslint报错记录及解决:warning Unexpected any. Specify a different type、warning Delete `·` 、Missing return type on function、Require statement not part of import statement、Unnecessary escape character
摘要: 一、警告:warning Unexpected any. Specify a different type @typescript-eslint/no-explicit-any 解决方案:关闭any类型的警告。 // 在 .eslintrc.js文件中找到rules 添加一行代码即可 "@types
阅读全文
posted @ 2021-10-18 17:37 古兰精
阅读(7621)
评论(0)
推荐(1)
2021年10月17日
Vue3结合TS项目开发实践:Composition API的风格理念、关注点分离、如何组织TS进行项目开发(采用声明文件来管理接口及所需类型/目录结构推荐)
摘要: 一、composition Api compositon Api的本质体现在代码里面,也就是一个setup函数,在这个setup函数中,返回的数据,会用到该组件的模板中。return的这个对象,一定程度上,代表了之前vue2中的data属性。 这时候,对于大多数初学者来说,可能存在的疑惑就是,那么我
阅读全文
posted @ 2021-10-17 22:33 古兰精
阅读(2766)
评论(0)
推荐(0)
2021年10月15日
浅析TypeScript中const和readonly的区别、枚举和常量枚举的区别以及关于typescript中枚举的相关知识
摘要: 一、const 和 readonly 的区别 1、TypeScript 中不可变量的实现方法有两种: 使用 ES6 的 const 关键字声明的值类型 被 readonly 修饰的属性 2、TypeScript 中 readonly: TypeScript 中的只读修饰符,可以声明更加严谨的可读属性
阅读全文
posted @ 2021-10-15 18:13 古兰精
阅读(3404)
评论(0)
推荐(1)
浅析vue2中 Options API 和vue3中 Composition API 的对比
摘要: Componsition API 是 vue3 的一个很大的更新,也是很大的一个优点。为什么要更新呢?肯定是 vue2 的 Options API 有问题,本文就两者的区别做个介绍。 一、vue2 的 Options API 1、Options API - 又叫选项API 在 VUE2 中我们是如何
阅读全文
posted @ 2021-10-15 17:09 古兰精
阅读(3432)
评论(0)
推荐(0)
浅析setup sugar:使用与不使用 script setup 的繁杂性对比、具体如何使用 script setup、setup存在的限制(配置项缺失的处理)
摘要: 一、使用与不使用 script setup 的对比 1、不使用 script setup 的繁杂性 我们之前的组件可能是这样的: <template> <div> <Card>{{msg}}</Card> </div> </template> <script lang="ts"> import {
阅读全文
posted @ 2021-10-15 16:21 古兰精
阅读(1558)
评论(0)
推荐(1)
浅析Vue3相关基础知识:Vue3应用配置、重写的v-model、emits 选项、getCurrentInstance()获取实例、采用mitt实现全局通讯、vue-router的新特性
摘要: 一、Vue3.x 应用配置 config:包含Vue应用程序全局配置的对象,在挂载应用之前配置相应的属性。 const app = Vue.createApp({}); app.config = {...}; 1、devtools(类型:Boolean,默认:true) 概述:配置是否允许开启vue
阅读全文
posted @ 2021-10-15 15:32 古兰精
阅读(2128)
评论(0)
推荐(0)
浅析Vue3新特性-Teleport(任意传送门也称瞬间移动):为什么需要Teleport、与React的Portals特性、如何使用(直接使用、与组件搭配使用、使用多个teleport)、teleport API(to及disabled使用介绍)
摘要: Teleport 是什么?它解决的是什么问题? 一、使用场景 - 为什么我们需要 Teleport Teleport 是一种能够将我们的模板移动到 DOM 中 Vue app 之外的其他位置的技术。 1、使用场景: 业务开发的过程中,我们经常会封装一些常用的组件,例如 Modal 组件。相信大家在使
阅读全文
posted @ 2021-10-15 13:40 古兰精
阅读(2298)
评论(0)
推荐(0)
2021年10月14日
浅析Vue3相关基础知识点:setup()入口函数、ref()定义响应式数据、reactive()定义多个响应式数据-深层的、toRefs()转换为每个属性都是一个ref、computed()计算属性、watch()监听数据、watchEffect()监听数据变化执行回调、生命周期对比、provide/inject跨层级组件通信
摘要: 一、setup setup是组合Composition API中的入口函数,也是第一个要使用的函数。 1、setup只在初始化时执行一次,所有的Composition API函数都在此使用。 2、setup是在beforeCreate生命周期之前执行的(只执行一次) beforeCreate() {
阅读全文
posted @ 2021-10-14 18:58 古兰精
阅读(1610)
评论(1)
推荐(0)
上一页
1
···
9
10
11
12
13
14
15
16
17
···
128
下一页
公告