TypeScript的文档看起来比较让人匪夷所思 TS是从2012年就开始的项目,那时ES6的模块化还没有成为继定标准,所以今天来看TS中一些名词让人匪夷所思,其实都是历史遗留问题 比如namespace 原来也叫module,是internal module, 而module被称为external
原创
2021-09-01 16:03:26
2231阅读
shims-vue.d.ts是为了 typescript 做的适配定义文件,因为.vue 文件不是一个常规的文件类型,ts 是不能理解 vue 文件是干嘛的,加这一段是是告诉 ts,vue 文件是这种类型的。这一段删除,会发现 import 的所有 vue 类型的文件都会报错。 /** * shim
转载
2022-06-20 10:18:03
1086阅读
摘要: 原有的项目是通过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阅读
What is TS?TS语言,也就是TypeScript,是前端一个非常强大的语言超集,基于JavaScript。TS的强大吸引了许许多多的前端开发者学习使用。TS最大的特点,就是在JavaScript的基础上,设计了泛型、对象、继承、数据类型等等。JavaScript在我们开发中,报错非常高,因为JS属于弱类型语言。而TS具有强类型校验,比如严格的数据类型,严格的格式等等。VUE-CLI创建T
转载
2024-01-21 01:52:42
40阅读
vue3.0、ts、pinia、vite七七八八汇总JSts1、基本数据类型2、数组Array和元组Tuple3、interface接口4、函数5、类型推论、联合类型、类型断言、类型守卫6、枚举7、泛型8、类型别名 和 交叉类型9、声明文件(1) axios.d.ts //注.d.ts固定写法(2) 引入第三方声明文件(3)声明文件-小例子 计算器10、内置类型11、配置文件vue 3.0ref
转载
2024-03-23 08:14:59
232阅读
最近项目需要将原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阅读
lib.d.ts包含 JavaScript 运行时以及 DOM 中存在各种常见的环境声明,方便我们在写代码时默认获得类型提示 let a = 11 a.toString() // 拥有类型提示 const height = window.innerHeight // 拥有类型提示 lib.d.ts ...
转载
2021-10-18 15:24:00
1952阅读
2评论
Vuex对Typescript的支持,仍十分薄弱,官方库只是添加了一些.d.ts声明文件,并没有像vue 2.5这样内置支持。 第三方衍生库 vuex-typescript, vuex-ts-decorators, vuex-typex, vuex-class等等,我个人的总结,除了vuex-cla
原创
2022-05-12 17:40:27
1858阅读
# 如何实现“vue ts 封装axios”
## 整体流程
| 步骤 | 内容 |
| ------ | ------- |
| 1 | 安装axios和@types/axios依赖 |
| 2 | 创建封装axios的service文件 |
| 3 | 编写封装axios的service代码 |
| 4 | 在Vue组件中使用封装后的axios |
## 步骤说明
### 步骤1:安装
原创
2024-07-04 03:40:48
74阅读
ts流最早应用于数字电视领域,其格式非常复杂包含的配置信息表多达十几个,视频格式主要是mpeg2。苹果公司发明的http live stream流媒体是基于ts文件的,不过他大大简化了传统的ts流,只需要2个最基本的配置表PAT和PMT,再加上音视频内容就可以了,hls流媒体视频编码的主要格式为h264/mpeg4,音频为aac/mp3。ts文件分为三层:ts层(Transport S
Vue组合式API中如何使用TS组合式API使用TS组合式API中使用TS,要比选项式API中使用TS会更加的简单,不需要做过多的处理,只需要利用原生TS的能力就可以。并且组合式API都具备自动类型推断的能力,代码如下:<script setup lang="ts">
import { computed, ref } from 'vue';
let count = ref(0);
le
转载
2023-10-23 11:56:18
70阅读
# 在 Vue + TypeScript 项目中安装 jQuery 的完整指南
在前端开发中,jQuery 是一个流行的 JavaScript 库,用于简化 DOM 操作、事件处理和 AJAX 请求。在使用 Vue 和 TypeScript 的环境中,虽然 Vue 具有强大的数据绑定和组件化能力,但在某些情况下,我们可能需要使用 jQuery 来处理某些特殊的需求。本文将指导你如何在 Vue +
深入使用TS 支持 render jsx 写法 这里一共分两步 首先得先让 vue 支持 jsx 写法 再让 vue 中的 ts 支持 jsx 写法 让 vue 支持 jsx 按照官方做法,安装Babel 插件 安装依赖 在.babelrc中添加: 之后就可以这些写render,如下图: 让 ts
原创
2022-05-12 17:41:38
973阅读
# 如何实现“vue ts读取redis”
## 一、流程图
```mermaid
flowchart TD
A(开始) --> B(安装redis)
B --> C(引入redis模块)
C --> D(连接redis)
D --> E(读取数据)
E --> F(展示数据)
F --> G(结束)
```
## 二、步骤及代码
| 步骤
原创
2024-04-27 04:12:24
42阅读
# Vue ts axios封装
在开发Vue项目时,经常需要与后端进行数据交互。为了简化代码的编写和提高开发效率,我们可以将常用的网络请求封装成一个插件,方便在项目中复用。本文将介绍如何使用Vue和TypeScript来封装axios,并使用这个封装后的库进行网络请求。
## 安装依赖
首先,我们需要安装一些依赖。在Vue项目的根目录下打开终端,执行以下命令:
```bash
npm i
原创
2024-02-10 03:20:37
110阅读
一、vue3环境搭建1.检查本地环境如果脚手架过低 npm uninstall vue-cli -g npm install -g @vue/cli2.创建项目 vue create 项目名字,选择重新创建一个项目3.根据自己的需求选择自己需要的选项Babel:使用babel,便于将我们源代码进行转码(把es6=>es5)
TypeScript:使用TypeScript进
转载
2023-11-30 12:02:05
108阅读
6大亮点Performance:性能更比Vue 2.0强。Tree shaking support:可以将无用模块“剪辑”,仅打包需要的。Composition API:组合APIFragment, Teleport, Suspense:“碎片”,Teleport即Protal传送门,“悬念”Better TypeScript support:更优秀的Ts支持Custom Renderer API
转载
2024-01-04 00:19:52
59阅读
安装npm install typescript ts-loader --save-devvue.config.jsconfigureWebpack:
原创
2022-02-12 11:54:20
1630阅读
安装npm install typescript ts-loader --save-devvue.config.jsconfigureWebpack: { resolve: {extensions: [".ts", ".tsx", ".js", ".json"]}, module: { rules: [ { test: /\.ts$/, loader: "ts-loader" }, ] }}tsconfig.json{ "compilerOptio
原创
2021-07-12 10:19:06
3516阅读
一、Props 声明一个组件需要显式声明它所接受的 props,这样 Vue 才能知道外部传入的哪些是 props,哪些是透传 attribute在使用SFC时,props 可以使用 defineProps() 宏来声明:如子组件中
(1)
const props = defineProps(['foo'])
(2)
const props = defineProps({
title:Stri
转载
2023-12-25 09:27:02
125阅读