Vue+ts

Vue 全组件 局部组件

一、组件定义和使用1、全局组件定义Thisisaglobalcomponent导入全局组件在main.ts（Vue+TS的项目）引入，或者在main.js（Vue+JS的项目）引入import{createApp
SignalFire·2024-02-19 19:36

使用vite创建vue+ts项目，整合常用插件（scss、vue-router、pinia、axios等）和配置

一、检查node版本指令：node-v为什么要检查node版本？Vite需要Node.js版本18+，20+。然而，有些模板需要依赖更高的Node版本才能正常运行，当你的包管理器发出警告时，请注意升级你的Node版本。二、创建vite项目指令：npmcreatevite@latestvue-ts-app----templatevue-ts参考vite官网模板(template)：:::infova
留白声·2024-02-07 07:56

【前端-VUE+TS】Vue3组件化-下（五）

一.插槽的使用1.1.认识插槽slot在开发中，我们会经常封装一个个可复用的组件：前面我们会通过props传递给组件一些数据，让组件来进行展示；但是为了让这个组件具备更强的通用性，我们不能将组件中的内容限制为固定的div、span等等这些元素；比如某种情况下我们使用组件希望组件显示的是一个按钮，某种情况下我们使用组件希望显示的是一张图片；我们应该让使用者可以决定某一块区域到底存放什么内容；举个栗子
我自闭了？·2024-02-02 05:54

【前端-VUE+TS】Vue3组件化-知识补充（六）

一.动态组件比如我们现在想要实现了一个功能：点击一个tab-bar，切换不同的组件显示；案例截图这个案例我们可以通过两种不同的实现思路来实现：方式一：通过v-if来判断，显示不同的组件；方式二：动态组件的方式；1.1.v-if显示不同组件我们可以先通过v-if来判断显示不同的组件，这个可以使用我们之前讲过的知识来实现：{{tab}}importHomefrom"./pages/Home.vue";
我自闭了？·2024-02-02 05:54

【前端-VUE+TS】 Vue3开发基础语法(二)

1.1.computed1.1.1.认识计算属性computed我们知道，在模板中可以直接通过插值语法显示一些data中的数据。但是在某些情况，我们可能需要对数据进行一些转化后再显示，或者需要将多个数据结合起来进行显示；比如我们需要对多个data数据进行运算、三元运算符来决定结果、数据进行某种转化后显示；在模板中使用表达式，可以非常方便的实现，但是设计它们的初衷是用于简单的运算；在模板中放入太多的
我自闭了？·2024-02-02 05:23

【前端-VUE+TS】Vue3组件化-上（三）

一.认识组件化1.1.什么是组件化？人面对复杂问题的处理方式：任何一个人处理信息的逻辑能力都是有限的所以，当面对一个非常复杂的问题时，我们不太可能一次性搞定一大堆的内容。但是，我们人有一种天生的能力，就是将问题进行拆解。如果将一个复杂的问题，拆分成很多个可以处理的小问题，再将其放在整体当中，你会发现大的问题也会迎刃而解。复杂问题的处理组件化也是类似的思想：如果我们将一个页面中所有的处理逻辑全部放在
我自闭了？·2024-02-02 05:23

【前端-VUE+TS】Vue3组件化-中（四）

一.认识组件的嵌套1.1.App单独开发前面我们是将所有的逻辑放到一个App.vue中：在之前的案例中，我们只是创建了一个组件App；如果我们一个应用程序将所有的逻辑都放在一个组件中，那么这个组件就会变成非常的臃肿和难以维护；所以组件化的核心思想应该是对组件进行拆分，拆分成一个个小的组件；再将这些组件组合嵌套在一起，最终形成我们的应用程序；我们来分析一下下面代码的嵌套逻辑，假如我们将所有的代码逻辑
我自闭了？·2024-02-02 05:20

vue+ts大文件切片上传

别看文字了，看代码注释吧§(*￣▽￣*)§1.src下的.vue文件src/APP.vue#src/APP.vueimport{getFileChunksAndHash}from'./utils';constonChange=(event:Event)=>{//文件constfile=(event.targetasHTMLInputElement).files?.[0]!getFileChunks
西湖龙井君·2024-01-22 07:29

【Vue3+React18+TS4】1-1 : 课程介绍与学习指南

近十年内前端开发领域最火的三项技术:Vue、React、TypeScript公司首选前端架构方案，Vue+TS、React+TS岗位需求量大，相关人才紧缺，前端开发工程师未
ladymorgana·2024-01-07 14:06

vue+ts element-plu是页码器根据屏幕宽度变化，解决刷新后初始化值问题

实现思路：组件挂载后执行初始化操作，初始化添加事件监听器，当浏览器窗口大小发生变化时会调用这个函数handleResizeimport{reactive,ref,computed,onMounted,onUnmounted}from'vue'consttotal=ref(30);constpageSize=ref(10);constcurrentPage=ref(1);constpagedHono
xiaoming_0208·2023-12-29 20:20

vue+ts项目打包部署后可以修改ip

1.在public文件夹下新建config.js2.在index.html内引入config.js3.在ts文件里直接引用js里的全局变量会报错，经过查询资料，找到下面这方法config.jswindow.APP_BASE_API='114.116.103.64:8080'ts文件里letbaseUrl=(window).APP_BASE_API这样就可以获取到config.js里的变量了，打包后
qq_34799366·2023-11-22 05:15

Vue + Ts导出后端post请求传出的excel文件流

Vue+Ts导出后端post请求传出的excel文件流//查询结果全部导出constexportAll=({})=>{//导出接口ExcelAPI.yyownload.post({}).then(res
大白菜程序猿·2023-11-22 01:00

An import path cannot end with a ‘.ts’ extension. Consider importing ‘@/*.js’ instead.

学习前端vue+ts构建项目的时候总会遇到以下的问题：Animportpathcannotendwitha‘.ts’extension.Considerimporting‘@/core/services
天王寺的小恶魔·2023-11-19 08:58

种子项目：Vite 搭建 Vue3 + TypeScript 项目

xElement-plusUIAndMore…源码地址（创作不易，欢迎点颗star再走）初始化项目npminitvite@latest项目名或yarncreatevite项目名选择自己需要的框架和语言（博主选择的是Vue
周八营业的阿一·2023-11-17 14:34

vue 项目开发准备工作

本项目为vue+ts，项目创建请看上一篇vue+ts项目创建一、环境配置，可以根据项目情况配置多个1、在根目录添加环境变量文件##.build为生产环境，.test为测试环境（可以自定义）2、修改打包配置文件
米依若兮·2023-11-09 01:05

Vue3+Ts+vue-cropper:实现头像图片裁剪

目录前言效果：如何使用：导入vue-cropper在组件或页面中引用(简单的使用)配置项详解props方法基本的功能实现实时预览其他基础功能示例组件代码前言本文主要介绍如何基于VUE+TS，通过vue-cropper
DT_scorcher·2023-11-04 22:18

vue+ts

Modulebuildfailed:Error:Youmaybeusinganoldversionofwebpack;pleasecheckyou'reusingatleastversion4atObject.initializeInstance(D:\code\admin\node_modules\[email protected]@ts-loader\dist\instances.js:175:
歪歪1993·2023-10-26 05:49

Vue3 + TypeScript

Vue3+TS开发环境创建1.创建环境vite除了支持基础阶段的纯TS环境之外，还支持Vue+TS开发环境的快速创建,命令如下：$npmcreatevite@latestvue-ts-pro----templatevue-ts
是三好·2023-10-20 18:59

vue+ts vite环境项目取不到process 解决方法

在tdesign文档中用官方的解决方案创建了一个vue2+ts项目用的配置文件是vite.config.js这里我做了一个简单的多环境配置当我在js中使用console.log(process.env.VITE_APP_BASE_URL)代码会直接白屏然后报错内容大概就是process这个属性拿不到在vite中我们改成了这样的获取方式import.meta.env我们可以在ts文件中输出conso
深圳市有德者科技有限公司-耿瑞·2023-10-17 13:02

vue中使用微信支付

项目是用vue+ts的，如果项目上没
MrHong_bfea·2023-10-16 20:42

Vue+ts 项目搭建教程

搭建Vue+ts脚手架介绍安装项运行总结介绍未来前端的发展，是逐步挺近企业级的开发业务，强类型的typescript已经越来越满足要求，普及使用起来。
前端渣硕·2023-10-11 10:29

Vue+Ts项目中根目录.文件配置详解

1.editorconfigEditorConfig和Prettier一样，都是用来配置格式化你的代码的，这个格式化代码，要和你lint配置相符！否则会出现你格式化代码以后，却不能通过你的代码校验工具的检验。2.让使用不同编辑器的开发者在共同开发一个项目时“无痛”地遵循编码规范(编码风格)，就可以使用EditorConfig插件，会在项目根目录寻找.editorconfig文件并使用其中定义的编码
Tangsze·2023-10-11 10:26

Antv/s2 明细表 透视表实现和性能优化（一）

前言以我实际项目环境为准，vue+ts为技术框架，代码如果有什么不懂欢迎留言评论我会回复的透视表定义文件classPivotTableControlextendsBaseControl{type='pivotTable
AI3D_WebEngineer·2023-10-08 19:22

vue+ts 通过 ref 获取子组件实例

第一种：自定义类型通过defineExpose暴露子组件中的属性或方法使用的组件默认是关闭的，无法被其他组件获取该组件内部的各种属性，比如通过$parent和ref如果可以是外部访问到，需要使用defineExpose暴露出去想要被外部访问的属性或方法这里定义了一个方法handleClick，并暴露出去然后定义一个API类型，里面是暴露出去的handleClick//子组件//然后定义一个API类
shengjon·2023-10-08 09:29

vue+ts获取package.json中version版本

第一步：在shims-vue.d.ts配置文件中写入：declaremodule'*.json'{constvalue:any;exportdefaultvalue;}第二步：在需要引入底地方：importconfigsfrom'../../package.json'自己根据自己的相对路径去查找
望南·2023-10-06 20:43

vue+ts any类型警告 Unexpected any.

vue+tsany类型警告Unexpectedany.Specifyadifferenttype.eslint(@typescript-eslint/no-explicit-any)关闭any类型警告:我用的是vue/cli4.5.6，可以在package.json里的rules加入规则:"@typescript-eslint/no-explicit-any":["off"]另外可以在.eslin
Asens_9dff·2023-10-03 18:15

Vue+TS Echarts股票图

前言碎语:近期做了股票走势图，对基本配置进行了分离（也是编写可维护js代码一书中所提倡的配置和逻辑分离）。这里给大家简要分享我的编程思维tips:因为项目是用ts编写的，所以会出现ts代码，主要是用于类型检测一、效果图二、echarts股票配置根据dom生成echarts实例(thisasany)[instance]=echarts.init(this.$refs[ref]asHTMLBaseEl
Kinghiee·2023-09-29 01:42

micro-app使用（基于vue3）

vite+vue3+ts项目base1.1先创建base应用作为基座`yarncreate@vitejs/app`安装vite环境`yarncreate@vitejs/appbase`使用vite初始化vue
Lanwarf-前端开发·2023-09-15 14:00

vue+ts 项目中 watch的用法

1.引入注意要大写import{Component,Prop,Watch,Vue}from'vue-property-decorator';2.需要监听的数据@Watch('监听的数据名字')getVisible(newVal,oldVal){console.log("newVal",newVal,"oldVal",oldVal)};案例demo
程序媛小仙女·2023-09-15 09:44

Vue+TS bug记录

1、数据更新列表不刷新this.domains.push({commodityBasicId:"",commodityDetailEnable:"",commodityDetailId:"",commodityDetailName:""});列表不刷新this.$forceUpdate();//强制刷新2、父子组件方法调用this.$refs.upload.submit();报错方法1、(this
挺直腰杆做人·2023-09-13 01:20

vue+ts any类型警告 Unexpected any.

问题：any类型警告Unexpectedany.解决方法：在.eslintrc.js中的rules添加上面代码即可。"@typescript-eslint/no-explicit-any":["off"]
IT全栈视野·2023-09-08 13:48

vue3.0 + antdesgin vue+ts 实现table表格的拖拽排序

vue3.0+antdesginvue+ts实现table表格的拖拽排序效果图：1、npminstallsortablejs--save2、importSortablefrom‘sortablejs’;新增子菜单删除{{!enableDrag?'拖动排序':'取消拖动'}}{{record.isDisplay?'显示':'隐藏'}}{{!enableDrag?'拖动排序':'取消拖动'}}2、在获
造梦者FZ·2023-09-03 11:56

vue3+ant design vue+ts实战【ant-design-vue组件库引入】

vue3UI组件库AntDesignofVueAntDesignVue安装引入安装全局引入局部引入实战操作Button按钮样式Menu导航菜单Form表单注意summary下期预告v-for循环实现菜单栏菜单栏中用两种方法处理有无children的问题更多内容见AntDesignVue官方文档点击复习vue3【watch检测/监听】相关内容一个好项目的编写不仅需要完美的逻辑，以及相应的技术，同时也
Dorable_Wander·2023-09-03 07:08

vue+ts校验方法

/***@description校验密码是否小于6位*@paramvalue*@returns{boolean}*/exportfunctionisPassword(value:string|any[]){returnvalue.length>=6}/***@description判断是否为数字*@paramvalue*@returns{boolean}*/exportfunctionisNumb
Shero.李建业·2023-08-28 14:54

vite+ts+vue3项目构建

vue-cli搭建的，最近想尝试下vite搭建的项目和开发体验，所以在这里我们将简单的记录下构建的过程，以及在这些过程中出现的问题基础架子构建通过Vite中文网的搭建教程，我们可以清晰的知道如何创建一个vue
飞球大的波波·2023-08-13 00:38

vue+ts 错误随笔

笔记问题Parameter‘xxx’implicitlyhasan‘any’type的解决tsref定义数组，数组遍历报错=>类型“never”上不存在属性“xx”ts项目computed定义数据Gettingavaluefromthe`props`inrootscopeof``willcausethevaluetolosereactivity.函数-可选参数一个函数没有返回值，此时在TS的类型中
北里新妆·2023-08-04 17:36

解决获取taro全局配置文件失败，找不到配置文件失败问题

问题：这会导致项目初始化不成功，即要用vue+ts生成项目的话，依旧是wxml，js的文件，而不是vue文件解决一：首先找到配置文件目录删除taro开头的三项文件，再去node_modules下删除tarojs
XFox_·2023-08-04 14:28

vite+vue3+TS项目引入antd-vue的问题记录

文章目录1、vite创建的vue+TS项目引入antd-vue2、antd-vue定制主题报错记录博，用于记录Vue3项目中遇到的问题1、vite创建的vue+TS项目引入antd-vue由于不想直接在
Sophie_U·2023-07-19 14:13

vue+ts学习和使用

Vue是一款流行的JavaScript框架，而TypeScript是一种由Microsoft开发的静态类型检查器。在本篇博客中，我们将探讨如何结合使用这两个工具来提高代码质量和开发效率。为什么要使用TypeScript？JavaScript是一门动态类型语言，它允许你在运行时改变变量的类型。这给开发者带来了灵活性，但也增加了代码的复杂度和维护难度。TypeScript引入了静态类型检查，它可以在编
小毕学习代码·2023-06-14 01:12

使用vue+ts、element-plus中date-picker日期选择器限制选择的范围

文章目录案例：限制选择的范围是前一天import{ref}from"vue";consttimeRangeForm=ref>([]);//限制日期选择器的范围constdisableConfig=(time:Date)=>{console.log(time);returntime.getTime()>Date.now();};效果图片：
KIKIo_·2023-04-19 19:00

vue、typescript工程下文件分离.html、.scss、.ts

在vue+ts工程中、无需只在.ts去开发导致总是上下滑动看模板和样式，使用vue-template-compiler、html-loader对文件.ts文件分离为.html、.scss、.ts三块。
娇气小奶奶·2023-04-15 22:43

Vite+pnpm构建Vue3+TypeScript+vue-class-component+Vue router+pinia+ESLint（prettier）+sass

目前vite初始化项目还不能像vuecli那样，可以把相关配置选好后一下子出个现成的框架，顶多选个vue+ts，所
GIS小虫·2023-04-09 02:42

ts可展开注释_【vue选手极速进阶】图文详解vue+ts+class+注解风格开发排坑全指南（更新）...

虽然目前vue2+对ts的支持没有像react、ng等支持的更友好，但是随着社区相关工具链的完善，其生产项目使用vue+ts也是完全ok
weixin_39828956·2023-04-02 11:55

5分钟搭建 vite + vue3 工程

创建vite项目执行创建命令执行vite项目创建命令，在创建导航过程中，选择vue+ts模式。
渡_d·2023-03-20 20:08

后台返回文件流如何转成pdf文件实现直接下载

我的项目是在vue+ts写的，所以需要我们先安装：npminstalldownloadjs下载完成
MrHong_bfea·2023-03-16 00:25

用vite搭建一个vue3 + ts项目

npminitvite@latest//3.输入项目名称，选择模板//4.按提示运行npminstall，npmrundevimage-20220106103432239.png看上面的截图，这里面没有vue
天气不不错·2023-02-07 07:47

vue+ts下对axios的简单封装

虽然vue中axios的使用已经十分方便,但是实际我们的日常操作中可能为了接口的规则一致,来创建一个统一管理的全局方法达到简化操作.而且在实际接口对接中,我们大多都需要对请求和响应进行拦截来进行token以及回调状态码的处理.那么我基于自己的需求简单分装了一下.(之前很少接触vue,主要用的ng和react,这次新项目想用vue来弄,熟悉一下vue的一些新特性和方法,有啥不对的,欢迎大家批评指正)
LLCN是疯子·2023-02-03 04:45

【VUE+TS】1.0 Vue3.0+TS打造企业级组件库

目的使用vue单元测试库保证代码质量开源项目的开发发布流程设计合理的设计广泛适用的API如何保证代码质量vue3的实现原理表单组件库高频场景交互复杂定制型高涉及到数据（校验）安全学习优点代码质量高适应场景丰富开源维护参与完善的发布流程源码（响应式原理）核心功能表单生成主体系统插件系统和其他表单组件库的区别无需编写代码：由json负责组装代码的要求。开源全栈通用：对于校验部分可以做到全栈跨平台拖拽实
bobokaka·2023-02-03 03:45

vue+ts的微前端实践

微前端的概念是从后端的微服务中迁移过来的。将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署qiankun是阿里巴巴基于single-spa实现的微前端库，是一个开放式微前端架构，支持当前三大前端框架甚至jq等其他项目无缝接入。微前端待解决的问题微前端主应用与子应用如何构建主应用资源下发给子应用各应用间动态通信，实时监听，同步数据微前端
夜闯寡妇门·2023-02-01 02:35

vue3+vite3项目初始化

创建pnpmcreatevite安装提示选择vue+ts模版统一npm包管理器在package.json下新增preinstall和项目启动前添加npm-only-allow，设置yarn作为当前项目的管理版本
习惯水文的前端苏·2023-01-30 15:32
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他