What is TS？TS语言，也就是TypeScript，是前端一个非常强大的语言超集，基于JavaScript。TS的强大吸引了许许多多的前端开发者学习使用。TS最大的特点，就是在JavaScript的基础上，设计了泛型、对象、继承、数据类型等等。JavaScript在我们开发中，报错非常高，因为JS属于弱类型语言。而TS具有强类型校验，比如严格的数据类型，严格的格式等等。VUE-CLI创建T
转载
2024-01-21 01:52:42
40阅读
最近项目需要将原vue项目结合ts的使用进行改造，这个后面应该是中大型项目的发展趋势，看到一篇不错的入门教程，结合它并进行了一点拓展记录之。本文从安装到vue组件编写进行了说明，适合入门。1、引入Typescriptnpm install vue-class-component vue-property-decorator --save
npm install ts-loader typescri
转载
2024-04-15 12:55:20
277阅读
shims-vue.d.ts是为了 typescript 做的适配定义文件，因为.vue 文件不是一个常规的文件类型，ts 是不能理解 vue 文件是干嘛的，加这一段是是告诉 ts，vue 文件是这种类型的。这一段删除，会发现 import 的所有 vue 类型的文件都会报错。 /** * shim
转载
2022-06-20 10:18:03
1086阅读
目录说明一、全局挂载全局函数前提两种方式实现二、全局挂载全局函数原理使用 注意 说明1、添加实例 property你可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 的实例中可用。Vue.prototype.$appName = 'My App'这样 $appName 就在所有的 Vue
转载
2024-06-05 22:37:21
26阅读
Vue 3 是一个流行的前端框架，它专注于构建用户界面。在 Vue 3 中使用 TypeScript 可以提供更强大的类型检查和开发体验。以下是在 Vue 3 中使用 TypeScript 的详细步骤：项目初始化：
首先，您需要初始化一个 Vue 3 项目。您可以使用 Vue CLI 来快速搭建一个 Vue 3 项目。在命令行中运行以下命令：vue create my-vue-ts-app在创建项
这是一个非常有价值的问题，简答如下：React Native（RN）和 Vue 中使用的 TypeScript 语言本质上是一样的，都是标准的 TypeScript。不同之处在于：它们在“写法风格”和“框架配套支持”上有差异。✅ 相同点：语言本身完全一致TypeScript 是 JavaScript 的超集，拥有静态类型系统、接口（interface）、类型注解（:string）等。无论你在 RN
本期主题： STL编程之模板template 文章目录0.前言——STL是什么？1.C++ 模板1.1 简单例子引出函数模板1.2 定义类模板2.模板友元函数3.模板运算符重载 0.前言——STL是什么？STL（Standard Template Library），即标准模板库，是一个具有工业强度的，高效的C++程序库，它被容纳于C++标准程序库（C++ Standard Library）中。 从
转载
2024-02-12 20:29:42
99阅读
首先看到这张图，左边的结构就不分析了，上一章有说明顺序。 中间红色的部分，分为3块，第一块是模板，里面写html；第二块是脚本语言，里面写js或者ts语言，lang="ts"就是ts语法，setup就是vue3中独有的一份，需要注意写法，否则会报错；第三块是html的样式，scoped只在当前区域有效果。这3块可以任意排列，根据你的习惯而定，既然是模板语法，那么重点就是template里
转载
2024-07-09 05:17:19
493阅读
加上ts其实就是多了类型的约束，vue-router中已经给我们提供了RouteRecordRaw类型，可类型了
原创
2022-08-21 00:59:01
2306阅读
摘要： 原有的项目是通过vue-cli3创建的vue项目，引入ts进行开发，不影响之前的页面。安装依赖npm install typescript ts-loader --D
npm install vue-property-decorator // 用于在.vue文件中使用ts语法，第一次用-D的方式安装发现不支持配置文件# vue.config.js
# 使用ts-loader来转换ts文件
转载
2024-01-08 15:00:33
39阅读
# 在Java中实现TypeScript（TS）代码
在现代前端开发中，TypeScript已成为重要的编程语言，因其静态类型和更强的工具支持而受到青睐。为了在Java中处理TypeScript，可以将两者结合起来使用。本文将向你展示如何在Java项目中实现TypeScript代码的基本步骤和具体实现。
## 流程概述
我们可以将整个实现过程分解为几个步骤，详情如下：
| 步骤
最近公司开发的项目中要求使用typeScript，于是在使用的过程中对typeScript的日常类型的使用进行了整理。
一、基础类型、数组
基础类型：string，number，boolean，null(人为赋空值)，undefined
eg：const a:{[key:string]:number} = {x:1} 定义key为字符串 value为number
数组类型：定义数组包含的数据类
假如想在获取数组里的元素类型，在不会infer之前我是这样做的：type Ids = number[];type Names = string[];type
原创
2022-11-23 00:15:05
310阅读
如果我们希望将data中的数据显示在界面中，就必须是修改index.html,如果我们后面自定义了组件，也必须修改index.html来使用组件,但是html模板在之后的开发中，并不希望手动的来频繁修改.定义template属性：在前面的Vue实例中，我们定义了el属性，用于和index.html中的#app进行绑定，让Vue实例之后可以管理它其中的内容，我们吧index,html中的代码删至:我
转载
2024-05-05 18:08:23
433阅读
typeof – 对象一般我们都是先定义类型，再定义变量，使用typeof可以得到变量的类型。const options = {
a: 1
}
type Options = typeof optionskeyof – 枚举类型（可以理解为keyof 对象类型）首先来看keyof的定义：keyof操作符可以用来枚举出一个对象中的所有key值。 通俗来说，keyof可以取出一个对象中的所有由key
转载
2024-06-09 08:11:51
61阅读
搭建vue&typescript脚手架安装vue-cli最新版本npm uninstall vue-cli -g // 卸载
npm install -g @vue/cli // 安装最新版本1.创建项目vue create vue-ts-demo2.键盘↓选择Manually select features回车3.空格选中相应选项，回车4.看图，选择相应的选项也可以自己定义，我的是这样的
转载
2024-09-23 13:07:11
140阅读
