vue2+ts

最新推荐文章于 2023-11-27 19:34:14 发布
最新推荐文章于 2023-11-27 19:34:14 发布
阅读量4.1k 收藏
点赞数 2
分类专栏： 笔记 文章标签： vue.js typescript css3 es6 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45450676/article/details/115622658
版权
本文探讨了在Vue2中使用TypeScript的注意事项，指出尽管不复杂但可能增加维护负担，推荐转向Vue3或React。主要关注类型转换与组件继承的变化，适合对typescript新手或Vue2资深开发者阅读。
摘要由CSDN通过智能技术生成

**

vue2中使用ts

**

1.总的来说，在vue2 中使用ts并不难，只是在vue组件中稍有变化，把原先的es6 变成继承类型，其他都 基本一样，也是沿用的vue2的methods 等参数，所以本人建议 如果你想使用ts那就到vue3或者是react中去使用吧，在vue2中 使用ts基本上是给自己添加烦恼.

墨痕@雨声碎
关注
专栏目录
vue2.0使用ts
etemal_bright的博客
01-28 1420
package.json 新增以下依赖 "devDependencies": { "@vue/cli-plugin-typescript": "^4.1.0", "vue-template-compiler": "^2.5.17", "typescript": "~3.5.3", "nodemon": "^2.0.4", "json-server": "^0.16.1", "mockjs": "^1.1.0" }``` 新建tsconfig.json
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化
05-12
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+...
vue2使用ts vue-class-component
^_^
11-27 2400
目前，对于Vue3来说，TypeScript的支持已经相当成熟，但公司的老项目一直处于迭代和维护无法从v2重构成v3，并且重构的成本也是很大的一个问题，所以记录一下vue2如何去搭配TypeScript。二、vue-property-decorator vue-property-decorator是一个 Vue.js 的装饰器库，它提供了一些装饰器来让你在 Vue 组件中定义属性、计算属性、方法、事件等。使用这些装饰器可以让 Vue 组件的代码更加清晰简洁，同时也提高了代码的可读性和可维护性。
vue2.0+ts
weixin_43843679的博客
11-22 3119
解决方案：需要引入component模块，此时，mounted/created才会执行（注意是在export外面），@Component修饰符注明了此类Vue组件。前言：在不了解vue+ts的情况下，跟着项目一葫芦画瓢，created/mounted等钩子怎么都不执行的问题。vue组件里大多数的方法改成通过@xxx(装饰器)来表明当前定义的数据。data中的数据由原来的data()方法改成直接在对象中定义。1、data（）中定义数据。
一、手把手教你 Vue2+Ts
Mr丶Yang
02-25 7735
一、手把手教你 Vue2+Ts
TS在vue2项目中的写法
热门推荐
AllenZouJ的博客
03-15 1万+
作为对照，先回忆一下js在vue2项目中的写法 <script> export default{ data(){ return {} }, methods:{}, computed:{}, filters:{}, watch:{}, created:{} } </script> 本来vue2是不支持TS的，如果要在项目中使用TS，就需要相应的插件和配置，虽然用起来有点尴尬，但终究也是能用了。 TS在vu
datav Vue3+TS+Vite版.zip
最新发布
04-02
标题 "datav Vue3+TS+Vite版.zip" 暗示了这是一个基于Vue3、TypeScript（TS）和Vite构建的数据可视化项目。这个压缩包可能包含了用于开发数据展示应用的所有源代码和配置文件。让我们深入了解一下这些技术及其在项目...
vue3+ts实战项目组件工具库.zip
03-03
Vue3+TS实战项目组件工具库是一个以Vue3和TypeScript为核心技术的开发资源，旨在帮助开发者构建高效、可复用且类型安全的前端应用。这个压缩包包含了一个名为"visualization-master"的项目，可能是一个专门用于数据...
vue3+ts+vite+router+vuex+api请求封装
12-29
Vue3+TS+Vite+Router+Vuex+API请求封装是现代前端开发中的一个典型组合，用于构建高效、可维护的后台管理系统。这个脚手架提供了完整的开发环境配置和基础架构，使得开发者能够快速搭建后台应用。下面将详细介绍这个...
vite2-vue2-ts:基于vite2 + vue2 + ts模板
04-03
一，本工程是基于vite的单页面Web应用（节点：12+，vue：2.6.12，vuex：3.5.1，vite：2.1.5，ts：3.9.6） 二，Build Setup（本地开发） # 安装依赖 npm install && yarn && cnpm i
vue2-ts-template:这是vue2和Typescript的简单后台管理模板。 在使用Vue的过程中，许多像我一样的学生希望拥有一个更简单的模板，不需要太多的内容，并且不希望删除那些与我们的业务逻辑不符的部分。 由于我的业务需要与ie10兼容，因此请使用vue2和ts构建一个仅具有登录名和主页的管理后台框架，该主页实现菜单跳转，面包屑等。的vue2和typescript的后台管理模板。在使用Vue的过程中，许多的同学和我一样希望有一个简单一点的模板，不需要太多的内容，懒得去删除那些不符合我们业务
03-09
zhsw-pc 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。
vue3+ts+antd 前端基础模板
01-14
更小的包体积：Vue 3 的包体积比 Vue 2 更小，这意味着它可以更快地加载和运行。 改进的 TypeScript 支持：Vue 3 对 TypeScript 的支持得到了改进。它提供了更好的类型推断和编辑器支持，使开发过程更加流畅和安全。...
Vue2+Ts 基于类的组件开发(Vue Class Component)
qq_44158529的博客
08-05 1906
一文说明白Ts在Vue2中的编写方式
五、手把手教你 Vue2+Ts
Mr丶Yang
03-02 2051
五、手把手教你 Vue2+Ts
基于vue2 js项目上添加ts的步骤
u011785537的博客
05-08 4049
基础vue2 js项目上添加ts，使用ts主要是应用于工具类的强校验上。
vue2 + ts 之基础语法
weixin_47409897的博客
08-01 1870
vue2 + ts 基础语法
Vue2+Ts实战项目开发与项目优化（一）项目初始化
qq_45487080的博客
11-22 4265
使用vue-cli创建项目 vue create edu-boss-fed 加入git版本管理
在vue2项目中支持ts语法的使用，脚手架版本5.x
ta_huang的博客
07-18 1593
在vue2项目中支持ts语法的使用。node版本：18.9.0。
vue2+ts页面结构
07-13
在Vue 2和TypeScript中，页面结构的一般做法是使用单文件组件（Single File Components，SFC）的方式来组织代码。一个单文件组件通常由三个部分组成：模板（template）、脚本（script）和样式（style）。 下面是一个简单的示例： ```vue <template> <div> <h1>{{ message }}</h1> <button @click="changeMessage">Change Message</button> </div> </template> <script lang="ts"> import { Vue, Component } from 'vue-property-decorator'; @Component export default class MyComponent extends Vue { message: string = 'Hello, Vue!'; changeMessage(): void { this.message = 'Message changed!'; } } </script> <style scoped> h1 { color: blue; } </style> ``` 在这个示例中，`<template>` 部分包含了组件的HTML模板，可以使用Vue的模板语法来动态绑定数据和处理事件。`<script>` 部分是组件的脚本部分，使用TypeScript编写，并使用 `@Component` 装饰器来声明组件。`<style>` 部分是组件的样式，使用CSS来定义。 在编写这个示例时，需要安装相应的依赖包。可以使用Vue CLI来创建一个Vue项目，并选择TypeScript作为预设选项，然后就可以开始编写单文件组件了。 另外，需要注意的是，在使用Vue 2和TypeScript时，可以选择使用 `vue-class-component` 和 `vue-property-decorator` 这两个库来简化组件的编写和装饰器的使用。上面示例中的代码就使用了这两个库。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值