深入使用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阅读
注意：此文并不是把vue改为全部替换为ts，而是可以在原来的项目中植入ts文件，目前只是实践阶段，向ts转化
转载
2022-03-28 14:29:21
3357阅读
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的搭建 一、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阅读
点赞
摘要： 原有的项目是通过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上所有生命周期中的钩子方法里（如created，mounted，updated）使用this,this指向调用它的vue实例 (new Vue)，this的指向会影响ts的类型推断，为了更好地用class的模式来写vue组件。 vue-class-component 带来了很多遍历 官网 1. ...
转载
2021-07-14 18:40:00
745阅读
2评论
一、册全局组件 el-icon // main.ts // 如果您正在使用CDN引入，请删除下面一行。 import * as ElementPlusIconsVue from '@element-plus/icon
现阶段开发 vue3 项目使用 vite + ts 应该已成为标准范式了吧，新的语法体验 vue composition api 再配合 script setup 谁用谁知道啊，开发和构建方面，vite 作为下一代构建工具，想必大家也有所了解，使用 ES6 module + ESbuild 支持本地开发，速度和效率起飞啊，就一个字——爽，对于 TypeScript，感觉都没必要说了，现在还没上车的
转载
2024-10-05 14:57:28
26阅读
作者：mcuking 笔者在公司用 web 技术开发移动端应用已经有一年多的时间了，开始主要以 vue 技术栈配合 native 为主，目前演进成 vue + react native 技术架构，vue 主要负责开发 OA 业务，比如报销、出差、crm 等等，react native 主要负责即时通信部分，是在 mattermost-mobile[1] 的基础上修改的（mat
3.0的目标更小 更快加强 TypeScript 支持加强 API 设计一致性提高自身可维护性开放更多底层功能 什么是Hooks？ hooks翻译过来是钩子的意思，这个可能有一些模糊，简单点说hooks就是一个函数（可以复用的函数）例如：业务中很难避免的一个问题就是-- 逻辑复用，同样的功能，同样的组件，在不一样的场合下，我们有时候不得不去写2+次，为了避免耦合我们出现了一些
转载
2024-10-22 08:34:46
103阅读
本文章共5314字，预计阅读时间5-15分钟。前言不知不觉Vue-next[1]的版本已经来到了3.1.2，最近对照着源码学习Vue3的全局Api，边学习边整理了下来，希望可以和大家一起进步。我们以官方定义、用法、源码浅析三个维度来一起看看它们。下文是关于Vue3全局Api的内容，大家如果有更好的理解和想法，可以在评论区留言，每条我都会回复~全局API全局API是直接在Vue上挂载方法，在Vue中
What is TS？TS语言，也就是TypeScript，是前端一个非常强大的语言超集，基于JavaScript。TS的强大吸引了许许多多的前端开发者学习使用。TS最大的特点，就是在JavaScript的基础上，设计了泛型、对象、继承、数据类型等等。JavaScript在我们开发中，报错非常高，因为JS属于弱类型语言。而TS具有强类型校验，比如严格的数据类型，严格的格式等等。VUE-CLI创建T
转载
2024-01-21 01:52:42
40阅读
vue3.0、ts、pinia、vite七七八八汇总JSts1、基本数据类型2、数组Array和元组Tuple3、interface接口4、函数5、类型推论、联合类型、类型断言、类型守卫6、枚举7、泛型8、类型别名 和 交叉类型9、声明文件(1) axios.d.ts //注.d.ts固定写法(2) 引入第三方声明文件(3)声明文件-小例子 计算器10、内置类型11、配置文件vue 3.0ref
转载
2024-03-23 08:14:59
232阅读
最近项目需要将原vue项目结合ts的使用进行改造，这个后面应该是中大型项目的发展趋势，看到一篇不错的入门教程，结合它并进行了一点拓展记录之。本文从安装到vue组件编写进行了说明，适合入门。1、引入Typescriptnpm install vue-class-component vue-property-decorator --save
npm install ts-loader typescri
转载
2024-04-15 12:55:20
277阅读
目标：用 vite2 + vue3 + Ts 搭建一个开箱即用的最简 ssr 通用项目, 包含必要的 vuex vue-router asyncData header管理。 一 通过官方脚手架搭建一个 vue-ts 的 SPA 项目首先安装 yarn 包管理工具： 创建一个简单的 vue-ts 项目： // 选择 vue-ts 模版
转载
2024-10-29 20:02:50
114阅读
Vue 3 是一个流行的前端框架，它专注于构建用户界面。在 Vue 3 中使用 TypeScript 可以提供更强大的类型检查和开发体验。以下是在 Vue 3 中使用 TypeScript 的详细步骤：项目初始化：
首先，您需要初始化一个 Vue 3 项目。您可以使用 Vue CLI 来快速搭建一个 Vue 3 项目。在命令行中运行以下命令：vue create my-vue-ts-app在创建项
