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阅读
摘要： 原有的项目是通过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阅读
目录说明一、全局挂载全局函数前提两种方式实现二、全局挂载全局函数原理使用 注意 说明1、添加实例 property你可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 的实例中可用。Vue.prototype.$appName = 'My App'这样 $appName 就在所有的 Vue
转载
2024-06-05 22:37:21
26阅读
通过前端各个框架的发展，例如vue3.0，react和angular等框架的源码都是用ts（TypeScripe）进行编写的，因此我感觉未来的中大型项目的发展趋势也离不开ts。因此我根据一些入门教程利用vue结合ts编写了文档，适合入门配置vue+ts项目。1、vue老项目引入TypeScripenpm install vue-class-component vue-property-decora
转载
2024-03-01 17:26:53
913阅读
在ts编程中，methods发生了变化 从原来的： export default { methods:{ func(){ console.log("23") } } } 变成了: export default class App extends Vue { func(){ console.log(" ...
转载
2021-10-22 15:42:00
542阅读
2评论
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源码版本为2.6.11（cdn地址为： https://lib.baomitu.com/vue/2.6.11/vue.js）渲染三部曲= compile + render生成vnode + 将vnode通过 update 挂载到 页面上代码调用入口：vm._render把模板和数据生成一个 Virtual DOM 树，然后在vm._update中实现把Virtual DOM 树渲染
1. 使用Vue CLI创建项目vue create edu-boss-fed2. 加入git版本管理git init
git add .
git commit -a -m "项目初始化"
git remote add orign 地址
git push origin -u master3. 初始目录结构说明4. 调整初始目录结构默认生成的目录结构不满足我们的开发需求，所以需要做一些自定义改动这里
转载
2024-09-06 07:32:52
35阅读
1、v-if中用 key 管理可复用的元素Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。这么做，除了使 Vue 变得非常快之外，还有一些有用的好处。例如，如果你允许用户在不同的登录方式之间切换:<template v-if="loginType === 'username'">
<label>Username</label>
一、vue-cookies 参考文档简书：https://www.jianshu.com/p/535b53989b39 参考文档npm：https://www.npmjs.com/package/vue-cookies1、安装vue-cookies npm i vue - cookies - S 2、挂载到V
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 + TypeScript 项目中安装 jQuery 的完整指南
在前端开发中，jQuery 是一个流行的 JavaScript 库，用于简化 DOM 操作、事件处理和 AJAX 请求。在使用 Vue 和 TypeScript 的环境中，虽然 Vue 具有强大的数据绑定和组件化能力，但在某些情况下，我们可能需要使用 jQuery 来处理某些特殊的需求。本文将指导你如何在 Vue +
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
72阅读
深入使用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阅读
