注意：此文并不是把vue改为全部替换为ts，而是可以在原来的项目中植入ts文件，目前只是实践阶段，向ts转化
转载
2022-03-28 14:29:21
3357阅读
作者：mcuking 笔者在公司用 web 技术开发移动端应用已经有一年多的时间了，开始主要以 vue 技术栈配合 native 为主，目前演进成 vue + react native 技术架构，vue 主要负责开发 OA 业务，比如报销、出差、crm 等等，react native 主要负责即时通信部分，是在 mattermost-mobile[1] 的基础上修改的（mat
深入使用TS 支持 render jsx 写法 这里一共分两步 首先得先让 vue 支持 jsx 写法 再让 vue 中的 ts 支持 jsx 写法 让 vue 支持 jsx 按照官方做法，安装Babel 插件 安装依赖 在.babelrc中添加： 之后就可以这些写render，如下图： 让 ts
原创
2022-05-12 17:41:38
973阅读
安装npm install typescript ts-loader --save-devvue.config.jsconfigureWebpack: { resolve: {extensions: [".ts", ".tsx", ".js", ".json"]}, module: { rules: [ { test: /\.ts$/, loader: "ts-loader" }, ] }}tsconfig.json{ "compilerOptio
原创
2021-07-12 10:19:06
3516阅读
安装npm install typescript ts-loader --save-devvue.config.jsconfigureWebpack:
原创
2022-02-12 11:54:20
1630阅读
前言
目标
1 js与ts的区别
2 如何配置ts环境
graph LR
A[TS] --> B[1 TypeScript介绍]
A --> C[2 TS开发环境配置]
1 TypeScript介绍
1.1 ts为什么要加类型支持
相信很多开发人员再使用JS的过程中，都遇到过打包后的JS代码报错（类型错误问题），这种bug是非常花费时间的，严重影响了开发效率。
对于JS来说：J
原创
2024-08-16 18:24:09
61阅读
TypeScript 作为 JavaScript 的一个超集，通过引入静态类型系统等特性，能显著提升代码的可靠性和开发体验。下面为你系统梳理一下 TypeScript 的入门路径和核心知识。?️ 起步：安装与第一个程序环境准备：确保你的电脑已安装 https://nodejs.org/（它会附带包管理工具 npm）。然后通过 npm 全局安装 TypeScript 编译器 tsc：
npm ins
TypeScript 入门指南一、引言在现代前端开发中，JavaScript 作为核心语言无处不在，但其动态类型特性在大型项目中可能导致代码难以维护、可读性差以及潜在的运行时错误。TypeScript（简称 TS）应运而生，它是 JavaScript 的超集，增加了静态类型系统和其他高级功能，帮助开发者编写更健壮、可维护的代码。本文将带你从零开始了解 TypeScript，掌握其核心概念和基本用法
TypeScript 作为 JavaScript 的一个超集，通过引入静态类型系统等特性，能显著提升代码的可靠性和开发效率。下面为你梳理一份清晰的入门指南。? 什么是 TypeScript？TypeScript 是由微软开发的开源编程语言，它是 JavaScript 的超集。这意味着任何合法的 JavaScript 代码都是合法的 TypeScript 代码。其最核心的价值在于静态类型检查，允许你
目录 一、快速上手 二、vue的TS 三、使用vue-class-component 四、vue-property-decorator 五、TypeScript 不适合在 vue 业务开发中使用吗？ 六、Property 'name' has no initi...
原创
2022-05-19 10:57:03
857阅读
如何在Vue3 ts项目中使用 Vue Route
原创
2024-01-21 01:16:02
533阅读
点赞
vue 基础 v-model一、v-model的
使用<div id="app">
<input type="text" v-model="message">
{{message}}
</div>
<script src="../js/
vue.js"></script>
<scr
给新手的vue3/TS/TSX入门资料，本篇文章是个索引，通过这些资料可以快速入坑vue3/TS/TSX
原创
2023-01-25 22:02:12
382阅读
本节：vue3+ts的搭建 一、vue3+ts的搭建这篇别人写的文章更清晰： 打开就可以看到，这样就创建成功了 二、引入ant design(1) 在项目终端,输入这行命令：安装ant designnpm i --save ant-design-vue(2)在main.ts文件里面引入和使用antimport Antd from 'ant-design-vue';//
转载
2023-12-11 10:00:35
676阅读
点赞
props可以使用 TypeScript 语法来声明，使用就是是向 defineProps 传递一个字面类型参数 const props = defineProps<{ name: string age?: number }>() defineProps可以和widthDefaults一起使用，wi ...
转载
2021-09-14 12:04:00
2910阅读
2评论
一、引入掌握程度 ：了解使用Vue时，有时会遇到tab切换，如下图:1. 可实现方法：(1) v-if
(2) component动态组件
(3) 使用vue-Router 路由切换2.对比第一种方法 v-if ，这可能是我们能最快想到的解决办法，但是v-if并不是最佳解决办法 v-if 在运用时，渲染所有节点，这意味着，当用户还未点击tab进行切换导航的时候，用户就已经被动的将所有资源加载
转载
2024-09-07 17:43:37
95阅读
摘要： 原有的项目是通过vue-cli3创建的vue项目，引入ts进行开发，不影响之前的页面。安装依赖npm install typescript ts-loader --D
npm install vue-property-decorator // 用于在.vue文件中使用ts语法，第一次用-D的方式安装发现不支持配置文件# vue.config.js
# 使用ts-loader来转换ts文件
转载
2024-01-08 15:00:33
39阅读
希望这些建议和案例能帮助你快速掌握 Vue.js，并顺利应用到公司项目中。
原创
2024-06-15 00:29:25
81阅读
vue上所有生命周期中的钩子方法里（如created，mounted，updated）使用this,this指向调用它的vue实例 (new Vue)，this的指向会影响ts的类型推断，为了更好地用class的模式来写vue组件。 vue-class-component 带来了很多遍历 官网 1. ...
转载
2021-07-14 18:40:00
745阅读
2评论
