Vue3已经正式发布有一段时间，最近也打算学习一下，这个项目是在学Vue3的时候看到别人分享的demo，然后自己在这基础上修改一下，加深映像和理解；开发环境查看vue-cli版本vue -V升级vue-cli3到vue-cli4npm install -g @vue/clinode版本 >10.x初始化项目vue create dalou-ui选择 Manually select featu
转载
2024-07-09 18:29:50
69阅读
1 类的属性与方法在面向对象语言中，类是一种面向对象计算机编程语言的构造，是创建对象的蓝图，描述了所创建的对象共同的属性和方法。在 TypeScript 中，我们可以通过 Class 关键字来定义一个类：class Greeter {
// 静态属性
static cname: string = "Greeter";
// 成员属性
greeting: string;
//
转载
2023-08-02 00:44:58
77阅读
1.自定义组件的两种方式。 1.1全局定义 全局定义是通过Vue的component方法来实现的，component有两个参数，一是组件名称，二是组件实例。<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TestComponen
转载
2023-11-30 16:01:33
440阅读
目录简介文件类型类型声明文件使用简介我们发现今天所有的JS应用都会引入许多第三方库来完成任务需求。这些第三方库无论是否是TS编写的最终都会编译成JS代码给开发者使用。我们知道TS提供了类型才有了代码提示和类型保护机制，但我们引入的第三方库都会有相应的TS类型。这些类型就是 “类型声明文件” 为已存在的JS库提供类型信息。文件类型TS中有两种文件类型：.ts文件 和 .d.ts文件。.ts文件：既包
转载
2023-08-21 10:32:43
156阅读
前言原来typescript中还有类。简直跟java一毛一样了。。类中可以定义属性，可以定义方法而且还有继承、多态，学会java的应该比较容易理解吧类的基本定义class Person{
name:string;
constructor(name:string){ //构造函数 实例化类的时候触发的方法
this.name=name;
}
g
转载
2024-06-03 19:25:49
39阅读
JavaScripttypeof 和 instanceof的区别typeof 会返回一个变量的基本类型，instanceof返回的是一个布尔值instanceof 可以准确的判断复杂引用数据类型，但是不能正确判断基础数据类型而typeof 也存在弊端，它虽然可以判断基础数据类型（null除外），但是在引用数据类型中，除了Function类型以外，其他的也无法判断如果需要检测数据类型的话，可以通过O
vue 自定义指令主要是操作dom，主要是为了记住一个验证的例子
directive自定义指令除了默认设置的核心指令( v-model 和 v-show ),Vue 也允许注册自定义指令。注意，在 Vue2.0 里面，代码复用的主要形式和抽象是组件——然而，有的情况下,你仍然需要对纯 DOM 元素进行底层操作,这时候就会用到自定义指令。官方建议direc
一. 变量声明方式1.1. 声明变量的格式我们已经强调过很多次，在TypeScript中定义变量需要指定 标识符 的类型。所以完整的声明格式如下：var/let/const 标识符: 数据类型 = 赋值;比如我们声明一个message，完整的写法如下： ,,,,,,,,,,,,,,注意：这里的string是小写的，和String是有区别的string是TypeScr
转载
2023-09-02 15:46:03
190阅读
1，面向对象的特性一：类，继承，见上一篇博客；2，面向对象的特性二：泛型（generic）：参数化的类型，一般用来限制集合的内容；指定只能放某个类型的元素如下图中的尖括号中的Person，就代表一个泛型，说明workers必须是一个内容必须放的是Person类型数据的数组；例如：规定了数组workers的内容的类型后，如果声明了其他的内容，就会报错；44,45行是符合内容类型的，第46行就是报错了
转载
2024-07-31 09:14:04
31阅读
这次我们接着说TypeScript中的类的定义类是面向对象开发的一个标志，Js作为一门面向对象的开发语言，从Es6开始也支持了class关键字进行类的定义，而Ts作为Js的超集，也是一门静态的开发语言，其对于类的定义和使用也是必不可少的。现在我们先来简单的看下Ts中类的定义:// 这里我们以定义一个学生类为例
class Student{
constructor(name: string, ag
转载
2023-10-05 14:35:25
203阅读
在这篇博文中，我们将探索如何在 TypeScript 中定义类变量。这个过程涵盖从基础环境准备到排错指南的各个方面，每一步都详细阐释和举例，以确保你可以顺利掌握这个技能。
## 环境准备
### 软硬件要求
- 操作系统：Windows、macOS 或 Linux
- Node.js（≥ 12.x）
- npm（随 Node.js 一起安装）
- 代码编辑器（如 Visual Studio C
在Vue项目中，使用TypeScript定义数组对象时，许多人常常感到困惑，尤其是在确保类型安全和高效开发的过程中。今天，我将通过一系列的步骤来记录如何解决这个问题，并通过代码示例来帮助大家理解。
## 问题背景
在一个Vue项目中，我们常常需要定义复杂的数据结构，以满足业务需求，比如说，展示多个用户的信息。为此，使用TypeScript来定义数组对象显得尤为重要。如果不明确类型定义，可能会导致
在开发 Vue 3 项目时，使用 TypeScript 能够提升代码可维护性和可读性，但这也带来了类型定义的挑战。本文将详细介绍在 Vue 3 中如何处理 TypeScript 定义的问题，包括版本对比、迁移指南、兼容性处理、实战案例、排错指南和性能优化。
### 版本对比
在 Vue 3 发布之前，Vue 2.x 版本主要使用 JavaScript，而 Vue 3 版本全面支持 TypeSc
彻底搞懂TypeScript的类型定义原始类型文本数值布尔数组类型元组类型联合类型type类型别名函数类型void类型对象类型可选参数/属性interface接口extends继承interface和type区别字面量类型枚举类型typeofclass类class的基本使用class继承(extends)class实现(implements)class可见性修饰符publicprotectpri
转载
2024-02-26 10:34:27
96阅读
TypeScript V5TypeScript 是由微软推出的，它是 JavaScript 的一个超集，扩展了 JavaScript 的语法，添加了类型定义。它无法直接在浏览器中运行，但是可以通过配置来将它编译成任意版本的 JavaScript。TypeScript 的类型定义在很大程度上弥补了 JavaScript 由于类型缺失而存在安全隐患的缺点，不仅规范了代码，而且能在代码编译阶段就及时发现
转载
2023-10-08 22:02:39
121阅读
类类的使用 TypeScript是面向对象的JavaScript 类描述了所创建的对象共同的属性和方法 TypeScr
转载
2023-10-08 09:28:39
69阅读
一、TypeScript 类 TypeScript 是面向对象的 JavaScript。类描述了所创建的对象共同的属性和方法。TypeScript 支持面向对象的所有特性 1.1、类的定义class class_name {
// 类作用域
}类可以包含以下几个模块（类的数据成员）：字段(属性)
转载
2023-09-21 02:46:36
123阅读
类型声明类型声明是TS非常重要的一个特点通过类型声明可以指定TS中变量（参数、形参）的类型指定类型后，当为变量赋值时，TS编译器会自动检查值是否符合类型声明，符合则赋值，否则报错简而言之，类型声明给变量设置了类型，使得变量只能存储某种类型的值语法：let 变量: 类型;
let 变量: 类型 = 值;
function fn(参数: 类型, 参数: 类型): 类型{
...
}自动类型
转载
2024-04-24 09:54:21
40阅读
typescript 简介TypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类型和特有语法，生成纯粹的 JavaScript 代码。由于最终在浏览器中运行的仍然是 JavaScript，所以 TypeScript 并不依赖于浏览器的支持，也并不会带来兼容性问题。TypeScript 是 JavaScript 的超集，这意味着他支持所有的 JavaScript 语法。并在
原创
2020-12-26 20:13:45
339阅读
typescript 简介TypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类型和特有语法，生成纯粹的 JavaScript 代码。由于最终在浏览器中运行的仍...
原创
2021-07-18 16:47:32
583阅读
