文章目录安装环境创建项目1、配置路由2、安装VueX3、安装国际化4.vite.config.ts常用配置5.找不到模块声明declare6.path模块找不到打包问题Vite打包后显示跨域Vue3.0的新语法糖-script setupCss中使用JS代码Css中使用变量Css去掉scopeRef、toRef、toRefs、Reactive总结defineProps父子传值defineEmit
## Vue 2 中使用 TypeScript
Vue.js 是一个流行的前端框架，可以帮助开发者构建用户界面。在 Vue 2 中集成 TypeScript，可以让我们在开发过程中获得更好的类型检查和代码提示，从而提高代码的可维护性和可读性。虽然 Vue 3 对 TypeScript 操作的支持更为友好，但在 Vue 2 中仍然可以通过一些配置和工具实现 TypeScript 的使用。
###
目录1、引入Typescript2、配置文件3、vue组件的编写基本写法data()中定义数据props传值$emit传值1.不带参数2.方法带参数3.emit带参数watch观察数据computed计算属性4、完整代码案例 TS教程详见我的另一篇文章 TypeScript学习笔记（超全） 1、引入Typescriptnpm install vue-class-component vue-pr
转载
2023-11-26 16:19:37
89阅读
发现网上很多ts+vue的脚手架介绍的文章虽然多，但往往有所缺憾，经常让新人没法进行下去，经过总结，在我的github仓库中探索了一份脚手架，有个示例的组件和接口配置，也是参考各家大佬资料来完成的，下面就跟着笔者一起来探索脚手架的搭建过程和一些当下的最佳实践的代码写法。项目地址为：typescript-vue项目之初在vue-cli 3.0上，已经有了对ts语言的全面支持，终于不用对着webpac
转载
2023-10-23 09:04:30
263阅读
# Vue2 使用 TypeScript
Vue.js 是一个用于构建用户界面的渐进式框架，可以与各种现代化的前端技术进行无缝集成。而 TypeScript 是一种由 Microsoft 推出的 JavaScript 的超集，它添加了静态类型检查和其他语言特性。
结合 Vue.js 和 TypeScript 可以提供更好的代码提示、类型检查以及更好的开发体验。本文将介绍如何在 Vue2 中使用
原创
2023-12-25 08:37:21
243阅读
Vue3和TypeScript是两个非常流行的前端技术，它们都有着自己的优点和特点。Vue3是Vue.js的最新版本，它带来了很多新的特性和改进，包括更好的性能、更好的开发体验和更好的可维护性。TypeScript是一种静态类型语言，它可以帮助我们在开发过程中更好地捕获错误和提高代码的可读性和可维护性。在本文中，我们将介绍如何在Vue3中使用TypeScript。一、安装Vue3和TypeScri
转载
2023-08-16 18:51:23
150阅读
vue3要来了看了vue conf 2019的视频, 特别兴奋, vue3要来了! vue3是用typescript开发的, 我揣测在vue的带领下typescript会成为主流呢, 要不先学点. 19年最酷的前端技术我是19年初开始使用的typescript, 自从开始用上了就喜欢上了, 真的爱不释手, 最爱他几点:很多小错误比如: 对象的字段不存在或者字段名字拼写错误, 编辑器会在写代
转载
2024-08-28 09:50:58
55阅读
1 使用 typescript 的优势聊到 ts 时有一个不能规避的问题：为什么要使用 ts ，相比 js 有什么优势吗？下面我从两个方面试着回答一下这个问题：1.1 项目开发时的便利避免低级 bug 产生相信大家都遇到在编辑器一顿操作，打开浏览器页面空白的尴尬翻车现场，然后一顿 debug 最后发现是把变量名拼错了, 用上 ts 之后再也不会有这样的烦恼了，类似的错误编辑器立马就提示你了：
转载
2024-08-15 14:07:29
131阅读
# 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阅读
在 Vue 2 中使用 lodash（或者说 lodash-es）可以通过以下步骤进行：安装 lodash-es 包：npm install lodash-es在 Vue 组件中引入 lodash-es：import { debounce } from 'lodash-es';在需要使用的地方调用 lodash-es 中的方法：export default {
data() {
ret
原创
2023-07-27 08:51:10
1160阅读
# Vue2 中使用 Axios：一个详尽的指南
在现代的前端开发中，异步请求往往是不可避免的。对于 Vue.js 开发者来说，Axios 是一个非常流行的 HTTP 客户端，用于向外部 API 发起请求。本文将介绍在 Vue2 中如何使用 Axios，包括安装、基本用法、错误处理以及如何在组件中使用。
## 一、什么是 Axios？
Axios 是一个基于 Promise 的 HTTP 客
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进行编译
## 引言
TypeScript 是一种由 Microsoft 开发的开源编程语言，它是 JavaScript 的超集，可以为 JavaScript 添加静态类型检查等功能。Vue.js 是一个流行的前端框架，而 Vue2 是 Vue.js 的一个版本。在实际开发中，使用 TypeScript 来编写 Vue2 的代码可以提供更好的类型检查和代码
原创
2024-02-01 11:50:22
63阅读
# 如何实现"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阅读
前言大家好啊，我是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阅读
# 如何实现Vue2 TypeScript版本
## 引言
Vue是一款流行的JavaScript框架，而TypeScript是一种类型安全的JavaScript的超集，结合起来使用可以增强代码的可靠性和开发效率。本文将教会你如何使用Vue2和TypeScript来构建一个完整的应用程序。
## 整体流程
下面是实现“Vue2 TypeScript版本”的整体流程。可以用表格的形式展示。
|
原创
2024-01-26 07:39:55
95阅读
