随着Vue3和TypeScript的大浪潮不断袭来，越来越多的Vue项目采用了TypeScript的语法来编写代码，而Vue3的JS中的Setup语法糖也越来越广泛的使用，给我们这些以前用弱类型的JS语法编写Vue代码的人不少冲击，不过随着大量的学习和代码编写，经历过一段难熬的时间后，逐步适应了这种和之前差别不小的写法和冲击。本篇随笔介绍总结了Vue3中一些常见的基于TypeScript的Setup语法与组合式API的处理代码案例。TypeScript（简称ts）是微软推出的静态类型的语言，相比于js，TypeScript拥有强类型、编译器严谨的语法检查、更加严苛的语法，TypeScript是
随着Vue3和TypeScript的大浪潮不断袭来，越来越多的Vue项目采用了TypeScript的语法来编写代码，而Vue3的JS中的Setup语法糖也越来越广泛的使用，给我们这些以前用弱类型的JS语法编写Vue代码的人不少冲击，不过随着大量的学习和代码编写，经历过一段难熬的时间后，逐步适应了这种和之前差别不小的写法和冲击。本篇随笔介绍总结了Vue3中一些常见的基于TypeScript的Setup语法与组合式API的处理代码案例。TypeScript（简称ts）是微软推出的静态类型的语言，相比于js，TypeScript拥有强类型、编译器严谨的语法检查、更加严苛的语法，TypeScript是
一、前言小编最近开始学习typescript，懂得人都知道，typescript是vue3的基础伴生，配合更加默契。就像vue2和js一样！typescript不像js那样浏览器直接可以解读，需要我们把ts文件编译成js文件，这样浏览器才可以解读。所以我们要安装一下ts的环境和自动编译，方便我们后续学习，不需要写完一个ts文件在手动编译！二、安装typescript环境必须要有node环境哈！win+R输入cmdnpminstall-gtypescript-g代表global全局安装查看版本tsc-v三、VSCode配置自动监视编译1.新建一个文件夹2.在终端打开3.初始化配置文件tsc--i
一、前言小编最近开始学习typescript，懂得人都知道，typescript是vue3的基础伴生，配合更加默契。就像vue2和js一样！typescript不像js那样浏览器直接可以解读，需要我们把ts文件编译成js文件，这样浏览器才可以解读。所以我们要安装一下ts的环境和自动编译，方便我们后续学习，不需要写完一个ts文件在手动编译！二、安装typescript环境必须要有node环境哈！win+R输入cmdnpminstall-gtypescript-g代表global全局安装查看版本tsc-v三、VSCode配置自动监视编译1.新建一个文件夹2.在终端打开3.初始化配置文件tsc--i
目录前置知识-JavaScript的各种模块化情况前置知识2-让你写的d.ts在工程中生效1.全局模块的定义2.ES模块的定义2.1.默认导出2.2.导出类2.3.注意事项3.CommonJS模块定义3.1.挨个导出3.2.默认导出4.声明类型（TypeScript中的interface或type）和其它4.1.type和interface4.2.全局变量（非namespace）4.3.补充功能这篇仅为自己工作中在js和ts交叉斗智斗勇的实践中留下的经验，不一定完全、合理，仅供参考，有错漏难免，有则评论区指出。前置知识-JavaScript的各种模块化情况全局模块，在globalThis上可以
目录前置知识-JavaScript的各种模块化情况前置知识2-让你写的d.ts在工程中生效1.全局模块的定义2.ES模块的定义2.1.默认导出2.2.导出类2.3.注意事项3.CommonJS模块定义3.1.挨个导出3.2.默认导出4.声明类型（TypeScript中的interface或type）和其它4.1.type和interface4.2.全局变量（非namespace）4.3.补充功能这篇仅为自己工作中在js和ts交叉斗智斗勇的实践中留下的经验，不一定完全、合理，仅供参考，有错漏难免，有则评论区指出。前置知识-JavaScript的各种模块化情况全局模块，在globalThis上可以
本文记录如何在Vue2环境下尽量使用Vue3的Composition-api并配合Vuetify2使用前言之前在改造一个用Vuetify2的项目，由于Vuetify3还处于beta阶段并且与Vuetify2相比缺失一些特性，但又想用Vue3的语法，于是寻找了下相关方案，下面简单记录一下。开始之前建议使用VSCode开发并安装以下插件且禁用Vetur：VueLanguageFeatures(Volar)TypeScriptVuePlugin(Volar)初始化使用npminit初始化项目添加所需依赖vue@2.6.14:指定2版本，不指定的话默认安装3版本vue-template-compile
本文记录如何在Vue2环境下尽量使用Vue3的Composition-api并配合Vuetify2使用前言之前在改造一个用Vuetify2的项目，由于Vuetify3还处于beta阶段并且与Vuetify2相比缺失一些特性，但又想用Vue3的语法，于是寻找了下相关方案，下面简单记录一下。开始之前建议使用VSCode开发并安装以下插件且禁用Vetur：VueLanguageFeatures(Volar)TypeScriptVuePlugin(Volar)初始化使用npminit初始化项目添加所需依赖vue@2.6.14:指定2版本，不指定的话默认安装3版本vue-template-compile
转眼回长沙快2年了，图书本在去年就已经完稿，因为疫情，一直耽搁了，直到这个月才出版！疫情之下，众生皆苦！感觉每天都是吃饭、睡觉、上班、做核酸！ 图书介绍 为了紧跟技术潮流，该书聚焦于当下火的Vue3和TypeScript及其相关技术，这些知识是面试Vue方向前端岗位时必须掌握的内容。该书站在初学者的视角，将理论和实践相结合，通过循序渐进、由浅入深的方式来一一讲解Vue3的技术体系，让读者在学习的过程中不断提升前端开发水平。阅读该书仅需要有CSS、HTML、JS基础，即使你是一个Vue初学者，阅读该书也不会有任何困难。书中提供了丰富的示例来帮助读者将理论知识运用于实践，让读者学习起来不
转眼回长沙快2年了，图书本在去年就已经完稿，因为疫情，一直耽搁了，直到这个月才出版！疫情之下，众生皆苦！感觉每天都是吃饭、睡觉、上班、做核酸！ 图书介绍 为了紧跟技术潮流，该书聚焦于当下火的Vue3和TypeScript及其相关技术，这些知识是面试Vue方向前端岗位时必须掌握的内容。该书站在初学者的视角，将理论和实践相结合，通过循序渐进、由浅入深的方式来一一讲解Vue3的技术体系，让读者在学习的过程中不断提升前端开发水平。阅读该书仅需要有CSS、HTML、JS基础，即使你是一个Vue初学者，阅读该书也不会有任何困难。书中提供了丰富的示例来帮助读者将理论知识运用于实践，让读者学习起来不
