起因自从 Vue3 更新之后，算是投入了比较大的精力写了一个较为完善的Vue3.2 + Vite2 + Pinia + Naive UI的 B 端模版，在做到网络请求这一块的时候，最初使用的是VueRequest的useRequest，但是因为VueRequest的useRequest的cancel关闭请求并不是真正的关闭，对我个人来说，还是比较介意，于是在参考aHooks和VueRequest的
转载
2024-10-16 10:34:01
90阅读
# Vue2和TypeScript入门指南
Vue.js是一个流行的JavaScript框架，用于构建用户界面。它简单易用，同时具有强大的功能。而TypeScript是JavaScript的超集，它为JavaScript添加了类型系统，使得代码更加可靠和易于维护。在本文中，我们将介绍如何在Vue2中使用TypeScript。
## 安装Vue2和TypeScript
首先，我们需要安装Vue
原创
2023-12-05 09:13:21
198阅读
由于后期项目要使用ts，所以先学习下，这是第一次使用ts，要是有不足之处，还请多指教。最开始因为webpack版本问题搭了好几次没成功，果然失败乃成功之母，古人诚不欺我，每次学习都是在写bug解决bug继续创造bug的循环里痛并快乐着。由于使用的是Vue-cli2 + webpack3.6.0版本，按照webpack3的方式来搭建的，所以安装时一定要注意自己的版本与插件版本哈。前边儿初始化Vue项
转载
2023-11-01 16:44:44
162阅读
近日，有开发者在知乎上提出了一个问题：“TypeScript 不适合在 vue 业务开发中使用吗？”，Vue的作者尤雨溪针对这一问题发表了自己的看法，也解释了Vue 3.0选用TypeScript的原因，全文如下。注：本文已获得尤雨溪本人授权转载。必须要承认的是，2.x 的 TS 支持显然跟 React 和 Angular 是有差距的，这也是为什么 3.0 要加强这一块。关于目前 2.x 跟 TS
转载
2024-01-30 22:31:28
110阅读
vue3新特性： 一、使用Proxy替换Object.defineProperty，重构响应式系统，使用Proxy优势： 1、可直接监听数组类型的数据变化 2、监听的目标为对象本身，不需要像Object.defineProperty一样遍历每个属性，有一定的性能提升 3、可拦截apply、ownKeys、has等13种方法，而Object.defineProperty不行 4、直接实现对象属性的新
转载
2023-11-26 11:07:13
73阅读
发现网上很多ts+vue的脚手架介绍的文章虽然多，但往往有所缺憾，经常让新人没法进行下去，经过总结，在我的github仓库中探索了一份脚手架，有个示例的组件和接口配置，也是参考各家大佬资料来完成的，下面就跟着笔者一起来探索脚手架的搭建过程和一些当下的最佳实践的代码写法。项目地址为：typescript-vue项目之初在vue-cli 3.0上，已经有了对ts语言的全面支持，终于不用对着webpac
转载
2023-10-23 09:04:30
263阅读
## Vue 2 中使用 TypeScript
Vue.js 是一个流行的前端框架，可以帮助开发者构建用户界面。在 Vue 2 中集成 TypeScript，可以让我们在开发过程中获得更好的类型检查和代码提示，从而提高代码的可维护性和可读性。虽然 Vue 3 对 TypeScript 操作的支持更为友好，但在 Vue 2 中仍然可以通过一些配置和工具实现 TypeScript 的使用。
###
Typescript 在前端圈已经逐渐普及，Vue 2.5.0 改进了类型声明，使得对 TypeScript 更加友好不过要想在项目中直接使用 TypeScript 仍然需要对项目进行一些改造PS: 建议使用 Visual Studio Code 进行开发 vue-cli 3.0 可以直接创建 typescript 项目，不过目前还只
转载
2023-08-22 20:40:29
134阅读
Typescript 在前端圈已经逐渐普及，Vue 2.5.0 改进了类型声明，使得对 TypeScript 更加友好不过要想在项目中直接使用 TypeScript 仍然需要对项目进行一些改造PS: 建议使用 Visual Studio Code 进行开发 vue-cli 3.0 可以直接创建 typescript 项目，不过目前还只有 bet
转载
2024-04-25 15:04:41
392阅读
# 如何实现Vue2 TypeScript版本
## 引言
Vue是一款流行的JavaScript框架，而TypeScript是一种类型安全的JavaScript的超集，结合起来使用可以增强代码的可靠性和开发效率。本文将教会你如何使用Vue2和TypeScript来构建一个完整的应用程序。
## 整体流程
下面是实现“Vue2 TypeScript版本”的整体流程。可以用表格的形式展示。
|
原创
2024-01-26 07:39:55
95阅读
# 在Vue 2中安装TypeScript的完整指南
作为一名新手开发者，学习如何在Vue 2中集成TypeScript可能会让你感到困惑。通过这篇文章，我们将一起探讨这个过程，并分步阐述每一个环节。为了更清晰地理解整个流程，我们首先定义一个步骤表，接着逐一解释每一步操作。
## 步骤表
| 步骤编号 | 步骤描述 | 完成状态 |
|----------
# Vue 2 安装 TypeScript 的指南
在现代前端开发中，TypeScript凭借其类型系统和强大的工具支持，成为了许多开发者的青睐。与Vue 2结合使用，能够极大地提高代码的可维护性和可读性。本文将带您一步步了解如何在Vue 2项目中安装和配置TypeScript，并提供示例代码和流程图以便于理解。
## 1. 环境准备
在开始之前，请确保您已经安装了Node.js和npm（N
TypeScript与Vue组合开发记录点Vue-bus中央事件总线Vue-meta用法StoragesessionStorage.setItem（）sessionStorage.getItem()sessionStorage.key()TypeScript定义函数中参数带？号Element UI的Table表格HTML代码转义字符 前端Proxy配置代理服务器，解决跨域问题 Vue-
官方文档：https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8d11a391&helptype=codedemo地址： https://gitee.com/twoflowers/custom-font-file.git0. 准备工作选择合适的图标，加入购物车点击购物车，把图标加入项目（如果没有项目则
使用ts有三种方式创建组件option api （Vue.extend({})这种方式，而不是exportdefault{}） class api (见下面) class api + decorator（见下面）建议使用option api，不用class api 并且由于Decorator装饰器ecma还没有正式定稿，目前不建议使用，包括开发环境vue组件的class api类方式写法vue对t
转载
2024-07-30 18:29:34
70阅读
# Vue2 使用 TypeScript
Vue.js 是一个用于构建用户界面的渐进式框架，可以与各种现代化的前端技术进行无缝集成。而 TypeScript 是一种由 Microsoft 推出的 JavaScript 的超集，它添加了静态类型检查和其他语言特性。
结合 Vue.js 和 TypeScript 可以提供更好的代码提示、类型检查以及更好的开发体验。本文将介绍如何在 Vue2 中使用
原创
2023-12-25 08:37:21
243阅读
# 如何实现"vue2 typescript uview"
## 流程图
```mermaid
flowchart TD
A(准备工作)
B(安装uview)
C(配置uview)
D(引入uview)
E(编写typescript代码)
F(运行项目)
A --> B
B --> C
C --> D
D -->
原创
2024-03-14 04:23:19
102阅读
如何在Vue2中使用TypeScript进行编译
## 引言
TypeScript 是一种由 Microsoft 开发的开源编程语言，它是 JavaScript 的超集，可以为 JavaScript 添加静态类型检查等功能。Vue.js 是一个流行的前端框架，而 Vue2 是 Vue.js 的一个版本。在实际开发中，使用 TypeScript 来编写 Vue2 的代码可以提供更好的类型检查和代码
原创
2024-02-01 11:50:22
63阅读
前言大家好啊，我是wangly19，一名前端摸鱼小能手。最近忙着开源项目的东西，还有公司项目的迭代问题，导致更新文章的频率有点低了。也来聊聊我在干嘛吧。第一个事情就是比较我的阉割版UI Design，要开始Vue3.0的开发工作，所以近期都在看Vue3.0的东西。 其次就是和UI配套的方法库，也是我近期的一个项目，是一个Typescript生产的小东西。希望能够对于大家有一些帮助。elegance
文章目录前言一、初始化项目二、Vue引入TypeScript1.安装插件2.在根目录下创建一个 tsconfig.json 文件3.将ts-loader在webpack中配置4.添加es-module: true至build/vue-loader.conf.js5.在文件中使用 Typescript三、问题解析 前言TypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类
转载
2023-10-13 21:18:01
189阅读
