前面说过，组件化是使用 Vue 引入之后带来的一大优点。未有 Vue 之前——那个年代——苦苦寻思没有一个好的组件化方案。在当初 JavaScript 连类都尚未健全的情况下，真是费煞了苦心，最简单的“对象”是有了，可那不能构建复杂的大型 UI 系统，颗粒度太低了。对象、组件的关系，一小一大分别自然很清楚。那么加多一个“类 Class”呢？你能理清楚这些名词的关系吗？面向对象与组件有什么区别与联系
转载
2024-04-08 19:02:37
77阅读
TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言，我们已经熟知 TypeScript 是 JavaScript 的一个超集，但是 TypeScript 与 JavaScript 之间又有什么样的区别呢?在选择开发语言时，又该如何抉择呢?本文将会深入对比这两种语言，讨论两种语言之间的关联和差异，并概述两种语言各自的优势。JavaScript 和 TypeScri
转载
2024-06-27 10:35:37
34阅读
vue3.0 + ts使用 Vite 创建Vite是Vue的作者尤雨溪开发的Web开发构建工具，它是一个基于浏览器原生ES模块导入的开发服务器，在开发环境下，利用浏览器去解析import，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随启随用。同时不仅对Vue文件提供了支持，还支持热更新，而且热更新的速度不会随着模块增多而变慢。在生产环境下使用Rollup打包。特点快速的冷启动即时热模块更
转载
2024-06-29 08:19:03
14阅读
Vue对TS的支持一致不太好，连Vue作者尤大也自嘲真香压错了宝。期待Vue3.0会用TS重构且会有较大改进。不过目前有一些第三方的库可以曲线优化对TS的支持。主要就介绍下过下面两个库来写Vue。总体体验尚可，类型检查，智能提示该有的都有，顺滑中带着一丝蹩脚。如果要支持组件Props的类型检查及智能提示，则必须放弃template通过render写TSX, 总有种写React的感觉。介
转载
2024-08-30 11:14:59
30阅读
目的，更多React类型，在项目中使用有更强的约束性，利于后期维护。引用ReactReact17(也就是create-react-app4.0开始默认打开plugin-transform-react-jsx,或者plugin支持不用手动引入React’)之后不用引入React✅import * as React from 'react'
import * as ReactDOM from 're
转载
2024-10-04 07:50:24
85阅读
企业级项目模板的配置与集成（Vite + Vue3 + TypeScript）1、项目介绍项目使用：eslint + stylelint + prettier来对我们代码质量做检测和修复。需要使用husky来做commit拦截需要使用commitlint来统一提交规范需要使用preinstall来统一包管理工具。2、环境准备node v16.14.2pnpm 8.0.0（因为懒得安装新版的node
在教学当中，学生在学习vue3.x时，常常会问到typescript和vue3.x之间的关系，感觉这两个技术总是绑在一起的，下面老赵来统一解答一下： 那学vue3.x，为什么要求也要掌握typescript Vue 3.x是一个使用TypeScript编写的库，它内置了对TypeScript的支持，并且推荐使用TypeScript编写Vue应用程序。这是因为： 类型安
转载
2023-09-16 21:09:53
234阅读
前言：
TypeScript的设计目的应该是解决JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化，不适合开发大型程序。另外它还提供了一些语法糖来帮助大家更方便地实践面向对象的编程。---- 引入
[TypeScript官方文档地址](https://www.tslang.cn/docs/home.html)
主题：
第一步、安装依赖：
npm、cnpm、yarn都支持
npm
转载
2024-05-14 14:21:30
517阅读
TypeScript 和 JavaScript 的区别TypeScript和JavaScript是目前项目开发中较为流行的两种脚本语言，我们已经熟知TypeScript是JavaScript的一个超集。JavaScript和TypeScript的主要差异：1、TypeScript可以使用JavaScript中的所有代码和编码概念，TypeScript是为了使JavaScript的开发变得更加容易而
转载
2023-09-25 16:05:51
139阅读
TypeScript是国内外前端技术圈被评为2020年最受欢迎的技术之一，如果你还没开始学，是不是就out了呢？今天我们就开始TypeScript+Vue项目开发的探索，带你体验完全不一样的Vue开发方式。话不多说，让我们开始吧......1、初始化项目及环境搭建1.1、全局安装vue脚手架npm install -g @vue/cli目前默认安装的是vue/cli的最新4.0版本，可使用如下命令
转载
2023-09-21 09:35:12
122阅读
与使用JavaScript不同的是，用Typescript写vue程序要需要了解vue的相关类型。Vue核心的类型，大部分写在@vue/runtime-core包中。ComponentVue页面是由一个个组件组成的，组件在Vue中的类是Component，继承了ComponentOptions、FunctionalComponent和ComponentPublicInstanceconstruct
# 学习如何使用 TypeScript 和 Vue
随着前端开发的不断发展，TypeScript 和 Vue 成为非常受欢迎的技术栈。TypeScript 提供了静态类型支持，增强了代码的可维护性，而 Vue 则为构建交互式用户界面提供了优雅的解决方案。如果你是一名刚入门的开发者，下面是一个逐步实现 TypeScript 与 Vue 项目的流程。
## 整体流程
| 步骤 | 描
1. 网站示例：http://vikingship.xyz/?path=/story/%E6%AC%A2%E8%BF%8E%E6%9D%A5%E5%88%B0%E8%AF%BE%E7%A8%8B--welcome2. npm地址：https://www.npmjs.com/package/vikingship ======1. 动态类型语言VS静态类型语言动态类型语言：执行时才去数据类型
转载
2024-01-13 20:39:30
57阅读
目录起手式typescriptreact一些小姿势react的状态管理前言typescript（以下简称ts） 官推是脚手架 create-react-app 的ts版本,可自行查阅。但是我没有用它，原因有2：Webpack 版本是3.x，在组内用过4.x重构脚手架之后之后不想再回头配3.x。作为学习项目以及教程，方便贯穿整个项目构建流程。接下来将分别从一些用到的tsconfig、webpack配
转载
2024-01-22 14:02:35
86阅读
# 如何实现TypeScript Vue Plugin和Vue
## 概述
在本文中，我将向你介绍如何使用TypeScript为Vue编写插件。Vue是一个流行的JavaScript框架，而TypeScript是一种用于开发JavaScript应用程序的强类型语言。将这两者结合起来使用，可以提供更好的代码提示、类型检查和代码可维护性。让我们开始吧！
## 流程概述
在开始之前，让我们先了解整个
原创
2023-09-13 09:21:18
81阅读
前言很早之前就看见尤大在说<script setup> + TS + Volar = 真香，但一直都没有去主动尝试过前段时间恰好在网上看见了相关的项目，好奇心又被调动了，想着也没什么事，也便在这个暑假跟着视频去尝试做了一下，在使用<script setup>语法糖和ts的时候，遇见了不少的问题，也在这个项目完成的过程中感受到了<script setup> +ts
转载
2024-08-11 08:16:47
36阅读
1.为什么要学习Typescript 语言呢 原因很简单，当然是为了工作呀，因为工作使我接触到了Typescript语言，感觉它比较像C#、Java 这样面向对象的语言，由于最近在使用它开发项目所以系统学习一下，在此记录一下学习过程。2.Typescript 语言百度百科介绍 TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集，而且本质上向这个语言添
转载
2024-06-14 14:17:15
74阅读
在当今的前端开发中，Vue.js 和 TypeScript 是两个广为接受的技术栈。Vue 提供了一个优雅的框架来构建用户界面，而 TypeScript 则允许开发者使用静态类型来提升代码的可靠性与可维护性。然而，许多人对它们之间的区别仍感到困惑。本文将呈现 Vue 和 TypeScript 之间的不同之处，按照背景定位、演进历程、架构设计、性能攻坚、复盘总结及扩展应用的逻辑结构展开讨论。
##
1.为什么要学习Typescript 语言呢 原因很简单，当然是为了工作呀，因为工作使我接触到了Typescript语言，感觉它比较像C#、Java 这样面向对象的语言，由于最近在使用它开发项目所以系统学习一下，在此记录一下学习过程。2.Typescript 语言百度百科介绍 TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集，而且本质上向这个语言添
转载
2024-08-20 14:58:37
219阅读
TypeScript 是 JS 类型的超集，并支持了泛型、类型、命名空间、枚举等特性，弥补了 JS 在大型应用开发中的不足，那么当 TypeScript 与 React 一起使用会碰撞出怎样的火花呢？接下来让我们一起探索在 TypeScript2.8+ 版本中编写 React 组件的姿势。
前言近几年前端对 TypeScript 的呼声越来越高，Ryan Dahl 的新项目 Deno 中
转载
2024-03-14 11:30:41
178阅读
