在刚刚发布的 Vue.js 2.5 中加强了对 TypeScript 的支持，TypeScript 可以直接推导出 Vue.extend(options), Vue.component(options) 和 new Vue(options) 等 API 的参数中的 this 的类型，无需依赖 vue-class-component 这样的 decorator。 这个功能依赖于 TypeScrip
转载
2023-11-29 22:20:00
76阅读
Vue中使用TS，看这一篇就够了
原创
2022-03-03 13:34:05
163阅读
在 Vue 3 中结合 TypeScript，能够提供更强的类型检查和更好的开发体验。以下是一些最佳实践，可以帮助你有效地在 Vue 3 项目中使用 TypeScript
前言 迟来的Vue3文章,其实早在今年3月份时就把Vue3过了一遍。在去年年末又把 TypeScript 重新学了一遍，为了上 Vue3 的车，更好的开车。在上家公司4月份时，上级领导分配了一个内部的 党务系统开发 ，这个系统前端是由我一个人来开发，功能和需求也不怎么复杂的一个B 端 系统，直接上的 ...
转载
2021-07-13 09:33:00
226阅读
2评论
Vue官方从2.6.X版本开始就部分使用Ts重写了。我个人对更严格类型限制没有积极的看法，毕竟各类转类型的骚写法写习惯了。然鹅最近的一个项目中，是TypeScript+ Vue，毛计喇，学之...…真香！注意此篇标题的“前”，本文旨在讲Ts混入框架的使用，不讲Class API1. 使用官方脚手架构建npm install -g @vue/
原创
2021-06-23 10:18:31
81阅读
前言 迟来的Vue3文章,其实早在今年3月份时就把Vue3过了一遍。在去年年末又把 TypeScript 重新学了一遍，为了上 Vue3 的车，更好的开车。在上家公司4月份时，上级领导分配了一个内部的 党务系统开发 ，这个系统前端是由我一个人来开发，功能和需求也不怎么复杂的一个B 端 系统，直接上的 ...
转载
2021-07-13 15:10:00
237阅读
2评论
迟来的Vue3文章,其实早在今年3月份时就把Vue3过了一遍。在去年年末又把 《TypeScript》重新学了一遍，为了上Vue3 的车，更好的开车。...
转载
2021-08-30 16:47:10
309阅读
把 《 TypeScript 》 重新学了一遍，为了上Vue3 的车，更好的开车。
转载
2021-12-20 13:35:26
10000+阅读
Vue官方从2.6.X版本开始就部分使用Ts重写了。我个人对更严格类型限制没有积极的看法，毕竟各类转类型的骚写法写习惯了。然鹅最近的一个项目中，是TypeScript+Vue，毛计喇，学之...…真香！注意...
原创
2021-06-23 10:18:31
778阅读
文章目录前言一、为 props 标注类型使用 < script setup >非 < script setup >二、为 emits 标注类型使用 < script setup >非 < script setup >三、为 ref() 标注类型默认推导类型通过接口指定类型通过泛型指定类型四、为 reactive() 标注类型默认推导类型通过接口指定
转载
2023-12-19 22:51:55
56阅读
vue3新特性： 一、使用Proxy替换Object.defineProperty，重构响应式系统，使用Proxy优势： 1、可直接监听数组类型的数据变化 2、监听的目标为对象本身，不需要像Object.defineProperty一样遍历每个属性，有一定的性能提升 3、可拦截apply、ownKeys、has等13种方法，而Object.defineProperty不行 4、直接实现对象属性的新
转载
2023-11-26 11:07:13
73阅读
一、css样式1、深层查找写法:deep(.class){
color:red;
}二、ts部分1、export default 和 export 的区别和用法export default和export都能导出一个模块里面的常量，函数，文件，模块等，在其它文件或模块中通过import来导入常量，函数，文件或模块。这样就可以使用它们了。但是，在一个文件或模块中，export,import可以有多
转载
2023-10-05 14:30:16
181阅读
发现网上很多ts+vue的脚手架介绍的文章虽然多，但往往有所缺憾，经常让新人没法进行下去，经过总结，在我的github仓库中探索了一份脚手架，有个示例的组件和接口配置，也是参考各家大佬资料来完成的，下面就跟着笔者一起来探索脚手架的搭建过程和一些当下的最佳实践的代码写法。项目地址为：typescript-vue项目之初在vue-cli 3.0上，已经有了对ts语言的全面支持，终于不用对着webpac
转载
2023-10-23 09:04:30
263阅读
很多人对TypeScript的使用还停留在基本操作上,其实 TypeScript 的特性非常强大,我们利用好这些特性可以有效地提高代码质量、加速开发效率，今天就介绍 9 个非常实用的 TypeScript 技巧或者特性.注释的妙用我们可以通过/** */来注释TypeScript的类型，当我们在使用相关类型的时候就会有注释的提示，这个技巧在多人协作开发的时候十分有用，我们绝大部分情况下不用去花时间
转载
2024-05-28 20:59:13
56阅读
组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。 1. 全局注册 要注册一个全局组件，可以使用 Vue.component(tagName, options
转载
2024-06-11 22:52:31
99阅读
一、搭建ts的环境：1.1 项目阶段--------通过webpack搭建一个ts 的环境，需要配置npm install ts-loader typescript -D，通过脚手架会自动配置的1.2 学习阶段--------安装ts-node -> ts-node TypeScript文件 直接运行 -> 编译+跑在node环境中二、注意事项：2.1 所有的ts文件在同一个作用域下，
转载
2024-03-06 00:42:42
62阅读
# 基于 Vue 3 + TypeScript 的企业级中台系统实践
1.创建项目npm init vite-app hello-vue3
# or
yarn create vite-app hello-vue32. 配置端口号 以及配置别名，解决vue中 引入ref..的插件配置端口号+配置代理：打开 vite.config.ts 文件： 添加server就可以了server: {
host: '0.0.0.0',
port:
转载
2023-11-17 11:05:44
178阅读
在现代前端开发中，TypeScript 已经成为构建大型可维护应用的首选语言。Angular 自其诞生之初就全面拥抱了 TypeScript，这使得它能够充分发挥类型系统的优势。然而，在实际开发过程中，许多团队并没有充分利用 TypeScript 的潜力，导致代码冗余、类型不安全等问题频发。
技术痛点：类型定义与组件间通信的复杂性
在 Angular 应用中，一个常见的技术痛点是组件间通信和数据
TypeScrpt相比JavaScript的主要特点多了属性声明类型，格式：属性名：声明类型
name:string=""; //此时name属性声明类型为string
复制代码使用class类来引入或暴露内容 TypeScript中将所有属性和方法封装成类，用类的形式引入或暴露其内容，在vue中具体示例可见下文“基本格式”。基本格式组件<script>中要加lang="ts"imp
转载
2023-10-16 13:06:32
97阅读
