VUE3+TS

【Vue3+Ts project】认识 Websocket 以及 socket.io 库

目录Websocketsocket.ioSocket.iO事件名总结：Socket.IO方法总结Websocket作用：WebSocket仍然提供实时的双向通信功能，使用Vue3应用程序能够与服务器进行实时数据交换降低延迟和网络开销：相比传统的HTTP请求-响应模式，WebSocket建立了持久连接，减少了网络开销和延迟，适用于需要实时数据更新的应用场景。功能:双向通信：WebSocket允许服务
春暖花开.,·2023-06-23 08:23

Vue--》Vue3打造可扩展的项目管理系统后台的完整指南（六）

今天开始使用vue3+ts搭建一个项目管理的后台，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的GithHub上，大家可以自行去进行下载运行
亦世凡华、·2023-06-22 10:03

uniApp -- 学习笔记（vue3+ts）

uniApp学习笔记目录一.关于界面节点信息6月15一.关于界面节点信息6月15uniApp官网介绍（一）个人理解是官网返回一个SelectorQuery对象实例。并且可以在这个实例上使用select等方法选择节点，并使用boundingClientRect等方法选择需要查询的信息。但是关于这个需要到查询信息，只有打印出来，在onReady调用letselectorQuery:UniNamespa
徐寿春·2023-06-22 03:21

Vue3+Ts实现贪吃蛇小游戏

文章目录前言编写食物类编写蛇类编写游戏控制类编写计分板函数启动页面效果前言前段时间学习了vue3和typescript，跟着B站李立超老师的视频做了一下这个贪吃蛇的小游戏，简单的记录一下。编写食物类classFood{element:HTMLElement;//每个食物的分值1-3的随机数score:number;constructor(){this.element=document.getEle
啾比特·2023-06-21 18:53

Vue 项目build打包发布到github pages ,刷新页面首页正常打开，子路由报错404的解决方法

index.html一样三、解决后的效果如下：相关文章Vue3+Vite+Ts开源后台管理系统模板基于ElementUi或AntdUI再次封装基础组件文档基于Element-plus再次封装基础组件文档(vue3
wocwin·2023-06-21 15:40

Vue3 + Vite + Ts自己封装的基础组件库发布npm ，npm安装使用（Volar ）支持TS 类型提示功能（vite-plugin-dts 使用）

一、需求在开发Vue3+Ts项目时：使用自己二次封装的基础组件，没有Ts类型提示，不能像Element-plus鼠标停在标签或者属性上就能提示当前组件有哪些属性（即props）及其属性的类型，如下图是Element-plus
wocwin·2023-06-21 14:09

【Vue3+Ts project】认识 @vueuse/core 库

目标:根据屏幕宽度改变实现动态获取盒子的宽度目录目标:一、javascript实现二、@vueuse/core库实现一、javascript实现1.首先window.innerWidth获取当前屏幕宽度，然后将盒子宽度除375乘当前屏幕宽度150/375*window.innerWidth2.将获取的动态盒子宽度赋值给一个变量import{ref}from'vue';constwidth=ref(
春暖花开.,·2023-06-20 13:31

【Vue3+Ts project】vant4 swipe组件实现 左右滑动滑块效果

目标效果实现前现在的效果很明显不是自己需要的，因为他每次滑动是一个屏幕的宽度这里给他添加子盒子的宽度，距目标效果已接近了，但滑动起来是不是有点像按压弹簧，弹簧又再起弹起的感觉，注意：这里宽度width="150"现在是固定的如何实现动态宽度查看下篇文章【Vue3+Tsproject】认识@vueuse/core库_春暖花开.,的博客-CSDN博客刚刚问题是没有关闭自动轮播:loop="false"
春暖花开.,·2023-06-20 13:01

使用Vue Cli创建Vue3+TS项目并整合Element Plus框架以及封装使用Axios插件

一、使用VueCli创建Vue3+TS项目1、在桌面新建一个temp文件夹，然后在VSCode打开，打开一个终端，查看一下node、npm、vuecli的版本；WindowsPowerShell版权所有
帅龍之龍·2023-06-20 13:30

【Vue3+Ts project】认识 nprogress 和 @types/nprogress库

目标：使用nprogress库完成切换路由时顶部进度条加载1.安装插件pnpmaddnprogresspnpmadd@types/nprogress-D或npminstallnprogressnpminstall@types/nprogress-D2.引入nprogress库和nprogress样式在router文件内importNProgressfrom'nprogress'import'npr
春暖花开.,·2023-06-20 13:00

【Vue3+Ts project】 vant4组件 标签页 实现 tab标签栏吸顶效果

未实现前{{item}}内容2内容3内容4实现后给van-tabs添加sticky即可实现{{item}}内容2内容3内容4
春暖花开.,·2023-06-18 14:14

【Vue3+Ts project】vant4 实现触发指定表单 rules校验、setTimeout和 setInterval 区别

一.使用vant组件validate属性实现触发指定输入框rules校验，满足校验通过否则失败1.给form表单绑定ref并定义值名称，然后为你想校验的表单绑定name值2.为ref的值名称定义变量名，然后ref值名称.value.validate('name值名称')，.then接收成功，.catch接收失败constform=ref()form.value.validate('mobilenN
春暖花开.,·2023-06-18 14:44

【Vue3+Ts project】认识 defineAsyncComponent( )

Vue3内如何使用defineAsyncComponentimport{defineAsyncComponent}from'vue';constKnowledgeList=defineAsyncComponent(()=>import('文件路径'))作用：异步加载组件：defineAsyncComponent允许你将组件定义为异步加载的方式。这意味着在应用程序初始化时，不会立即下载和渲染这些组件
春暖花开.,·2023-06-18 14:42

vue3+ts封装axios 配置BASE_URL拦截器 单个接口的拦截 全局拦截器

1.config.ts书写BASE_URL（service/request/config.ts）BASE_URL书写的方式很多1:直接在axios.create里面写死，在打包或者测试的时候手动进行修改BASE_URL2:新建一个文件在文件里面判断当前的环境进行赋值BASE_URL3:定义.env文件Eg:env.development;env.production;env.test在文件里面进行
@小朱呀路·2023-06-18 00:09

Vue3+Ts中编写定时器

window.setInterval()的类型是number。完整代码：import{defineComponent,reactive,onMounted,}from"vue";exportdefaultdefineComponent({name:"index",setup(){conststate=reactive({time:60,//60s倒计时timer:0,//定时器对象});onMou
ᥬ 小月亮·2023-06-17 21:53

Property ‘code‘ does not exist on type ‘AxiosResponse＜any, any＞‘ 的解决办法

原文链接:Property‘xxx’doesnotexistontype‘AxiosResponse’的解决办法vue3+ts中调用接口时：constloginOut=()=>{loginOutApi(
唐志远1997·2023-06-17 16:13

vue3+ts：shims-vue.d.ts

一、本文引子uniapp（3.8.4.20230531）+vue3+ts+vite项目在搭建这个base项目的时候出现红素波浪线如图，代码运行正常，但是看起来很难受，于是各种查找，能找到的资料很少，可能和我提问不够准确也有关系，有人说删除tsconfig.js就可以了，我测试了，结果真的可以，但是这绝不是我想要的，这明显忽略了tsconfig.js这个文件的意义，继续研究吧！二、typescrip
snow@li·2023-06-17 13:09

使用Vite创建Vue3+TS项目并整合Element Plus框架等一条龙服务

记录一下使用Vite创建Vue3+TS项目以及整合ElementPlus框架，还有Less、Pinia、Vue-router、monaco-editor等插件或组件。
帅龍之龍·2023-06-16 15:09

手把手教你搭建一个vue3+ts项目（超祥/必看）

目录一、创建vite项目二、启动vite项目三、处理一些配置问题四、增加工程化插件1、安装sass2、安装vue-router3、安装pinia4、安装element-plus5、安装axios6、设置路径别名，将相对路径改为绝对路径一、创建vite项目1、在一个文件夹下通过cmd打开，输入命令npmcreatevite@latest2、接着选择ts3、创建好之后，结构目录如下：二、启动vite项
suoh's Blog·2023-06-16 14:38

webstorm vue3+ts报错:Cannot find module ‘@/views/xxx.vue‘ or its corresponding type declarations

意思是说找不到对应的模块“@/views/xxx.vue”或其相应的类型声明因为ts只能解析.ts文件，无法解析.vue文件解决方法很简单，一开始的时候env.d.ts是空文件，我们可以在项目的env.d.ts中引入如下代码：declaremodule'*.vue'{import{DefineComponent}from"vue"constcomponent:DefineComponentexpo
程序员小白Aven·2023-06-16 06:50

“RouteRecordRaw“ 是一种类型，在同时启用了 “preserveValueImports“ 和 “isolatedModules“ 时，必须使用仅类型导入进行导入。

使用vue3+ts开发时，在配置路由时，出现如下问题：在引用RouteRecordRaw声明routes时，报错。
程序员小白Aven·2023-06-16 06:20

Vue--》Vue3打造可扩展的项目管理系统后台的完整指南（五）

今天开始使用vue3+ts搭建一个项目管理的后台，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的GithHub上，大家可以自行去进行下载运行
亦世凡华、·2023-06-15 06:20

可拖动的时间轴(vue3+ts使用element-plus的Slider滑块封装)

效果图：图一：图二：本文用了vue3+ts+element-plus。HTML代码如下：封装组件，后端传递开始时间和结束时间，前端算出中间相差多少天图一效果：后端只传了一个开始时间和结束时间import{computed,defineComponent,reactive,ref}from'vue'//封装了计算开始时间和结束时间的方法import*ascalculatefrom'./calcula
₍•ʚ•₎呀呀·2023-06-14 14:47

vue3+ts vscode无法识别/@/ 路径

在tsconfig.json中添加下面的配置即可{"compilerOptions":{"paths":{"/@/*":["src/*"]}}}
PQ℡·2023-06-13 21:59

解决vue3+ts封装axios时，自定义config.headers报错对象可能未定义

Vue3+TypeScriptaxios处理拦截器interceptors中requestInterceptor存在config.headers存在未定义的可能（自定义header没有值）_wuyxinu的博客-CSDN博客_config.headers前言在Vue3+TypeScript学习时，学习到用typescript封装axios时，出现了一个问题那就是如下图所示的config.heade
jingqw·2023-06-13 03:49

【vue3+ts后台管理】项目搭建

文章目录项目创建引入element-plus完整引入按需引入【vue3+typescript】Vue3+TS电商后台系统项目实战项目创建首先执行vuecreatevue3_ts_demo来创建一个名为vue3
Errol_King·2023-06-09 00:33

【Vue3+TS项目】硅谷甄选day02--后台管理系统模板搭建/项目配置

1项目初始化一个项目要有统一的规范，需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复，需要使用husky来做commit拦截，需要使用commitlint来统一提交规范，需要使用preinstall来统一包管理工具。1.1环境准备nodev16.14.2pnpm8.0.01.2初始化项目本项目使用vite进行构建，vite官方中文文档参考：cn.vitejs
鱼仔是个NaN·2023-06-09 00:00

antv-x6在vue中使用：流程图demo

官方的demo，将尽最大努力写出来放在仓库中，谢谢2、效果图（新）3、demo地址：码云：cx-flow-x6:vue3+ts
<每天一点>·2023-06-08 21:45

Vue3+TS项目中element-plus自动导入组件后，找不到文件

问题原因从报错代码来看，这是一个ts错误，而且是找不到名称是没有将*.d.ts文件加入到tsconfig.json配置文件中，所以Typescript还不认识它们解决//找到项目根目录下tsconfig.json配置文件{"include":["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx","src/**/*.vue","./auto-imports.d.
明月落乌江·2023-06-08 11:57

element-ui更改单元格字体颜色

作者创建的项目为vue3+ts，写法上有些需要注意的点：如果script标签使用了setup，这个时候export是没有必要的，也就是使用了setup后，就不要再写export了，不然会报错“Adefaultexportmustbeatthetoplevelofafileormoduledeclaration
珵、、、雪·2023-06-08 10:41

Vue--》如何在Vue3中书写TSX

vue2中书写jsx语法，官方也不建议我们在vue2中进行书写jsx的代码风格：但随着vue3版本的到来，对typescript的支持度越来越高，tsx语法也被大部分人越来越接收，所以很多项目都是搭配Vue3
亦世凡华、·2023-06-08 08:11

Vue--》Vue3打造可扩展的项目管理系统后台的完整指南（四）

今天开始使用vue3+ts搭建一个项目管理的后台，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的GithHub上，大家可以自行去进行下载运行
亦世凡华、·2023-06-08 06:47

Vue3+TS

一、vue3环境搭建1.检查本地环境如果脚手架过低npmuninstallvue-cli-gnpminstall-g@vue/cli2.创建项目vuecreate项目名字,选择重新创建一个项目3.根据自己的需求选择自己需要的选项Babel：使用babel，便于将我们源代码进行转码（把es6=>es5）TypeScript：使用TypeScript进行源码编写，使用ts可以编写强类型js，对我们的开
攻城狮_6·2023-06-07 16:50

一文掌握在Vue3中书写TSX的使用方法

vue2中书写jsx语法，官方也不建议我们在vue2中进行书写jsx的代码风格：但随着vue3版本的到来，对typescript的支持度越来越高，tsx语法也被大部分人越来越接收，所以很多项目都是搭配Vue3
·2023-06-06 21:00

vue3+ts+elementPLus实现v-preview指令

目录引文目录文件内容previewImage.vuepreview.ts使用开发中可能遇到的问题总结引文最近在用vue3+ts开发公司的后台系统，因为后台多处需要图片放大预览的功能，就想着封装一个v-preview
·2023-06-06 21:08

tsconfig.json大括号报错

创建vue3+ts项目中tsconfig.json文件夹大括号报红色解决方案：选项“importsNotUsedAsValues”已弃用，并将停止在TypeScript5.5中运行。
带专牲·2023-04-21 12:50

Vue3之getCurrentInstance与ts结合使用的方式

目录getCurrentInstance与ts结合使用vue3+ts使用getCurrentInstance报错总结getCurrentInstance与ts结合使用vue3项目中，如果不用ts这样使用是没问题的
·2023-04-21 09:07

vue3+ts绘制echarts

import*asechartsfrom'echarts';//定义chart1的类型onMounted(()=>{constchartOne:HTMLElement=document.getElementById('chart1')asHTMLElement;echarts.init(chartOne).dispose()constmyEchart=echarts.init(chartOne);
努力站桩的奶酪呦·2023-04-20 19:07

vue3+ts

安装ts：全局安装typescript:npminstall-gtypescript查看typescript版本：tsc-V1.新建一个ts文件里面写上：(()=>{functionsayHi(str){return'你好啊'+str}lettext='小甜甜'console.log(sayHi(text))})()点击ts文件所在目录，右击在终端打开---在终端输入tsc./01_第一次ts.t
努力站桩的奶酪呦·2023-04-20 19:36

vue3+ts动态写后台管理系统左边的菜单栏

1.在路由router文件里面写路由元信息传递左侧显示的路由，以及路由的名字constroutes:Array=[{path:'/',name:'About',component:()=>import(/*webpackChunkName:"about"*/'../views/About.vue'),children:[{path:'order',name:'order',meta:{isShow
努力站桩的奶酪呦·2023-04-20 19:36

Vite + Vue3 + Ts 解决打包生成的index.html页面 显示空白、报资源跨域、找不到资源、404-Page Not Found等错误

问题描述：在用Vue3+Ts进行项目开发，通过Vite进行构建打包后，直接在本地以文件系统的方式，用浏览器直接打开打包生成后的dist目录下的index.html文件访问时，浏览器页面显示空白、打开控制台后有报错
MuGuiLin·2023-04-20 18:45

教程 - 在 Vue3+Ts 中引入 CesiumJS 的最佳实践@2023

这篇如果Vue和CesiumJS不发生史诗级的变动，应该不会再有后文了。主要是这类文章没什么营养。这篇主要修正上篇https://segmentfault.com/a/1190000042385877中一些插件的变化，并升级开发服务器的版本。心急的朋友拉到文末，有示例工程链接下载。1.本篇适用范围与目的1.1.适用范围严格使用Vue3+TypeScript的前端项目，包管理器默认使用pnpm构建工
·2023-04-20 15:08

webpack构建vue3+ts项目

使用webpack、webpack-cli自定义构建vue3项目初始化项目目录使用pnpm安装项目依赖webpack、webpack-clipnpmadd-Dxxx{"name":"webpack-cli-vue3-ts","version":"1.0.0","description":"webpack-cli-vue3-ts","main":"webpack.config.js","script
sun_jinlin·2023-04-19 20:59

vue3+ts vscode 初始化模板

vue3+tsvscode初始化模板文件----首选项----用户片段—输入vue3点击回车—然后粘贴保存要复制的代码片。{//Placeyoursnippetsforvuehere.Eachsnippetisdefinedunderasnippetnameandhasaprefix,bodyand//description.Theprefixiswhatisusedtotriggerthesni
target_for·2023-04-19 20:59

vue3+ts项目初始化

vue3+ts项目初始化cms实战项目创建项目vuecreatevue3_ts_master_cms选择手动配置出现以下图，项目创建成功集成各种element-plus按需自动导入，先安装官网提供的两个插件
浮云⚡⭐·2023-04-19 20:29

初始化一个Vue3+TS项目

目录一.创建基本的项目结构:二.项目搭建规范:集成editorconfig配置:使用prettier工具:使用ESLint检测:项目目录结构划分:CSS样式的重置:全家桶–路由配置:全家桶–状态管理:网络请求封装axios:区分development和production环境:Element-Plus集成:一.创建基本的项目结构:VueRouter和Pinia我们后续项目手动添加进入目录，npmi
江淮-Z·2023-04-19 20:55

vite 安装腾讯im组件TUIKit问题记录

按照vue3+ts要求安装依赖包即时通信IMWeb&H5-含UI集成方案（荐）-文档中心-腾讯云(tencent.com)这个版本的文档采用全局安装sass：npminstall-gsasssass-loader
梓沂·2023-04-18 21:02

vue3+Ts使用pinia（vue-lic搭建项目）

1、安装npminstallpinia-S2、pinia初始化//在store目录下新建多个.ts文件（为了便于模块化和更好维护）//index.tsimport{manage}from'./backstageMange';export{manage};//manage.tsimport{defineStore}from'pinia';exportconstmanage=defineStore('
益达木咸醇·2023-04-18 08:02

Vue3+ts中Pinia的基本使用

PiniaPinia是Vue的存储库，它允许您跨组件/页面共享状态去除mutations，只有state，getters，actions；actions支持同步和异步；1、安装//yarn安装方式yarnaddpinia//npm安装方式npminstallpinia2、创建pinia文件store文件里index.tsimport{defineStore}from'pinia'//useStor
是小张呀！·2023-04-18 08:31

vue3+ts - element-plus封装上传文件图片组件

  近期做到的项目中有涉及到上传图片上传文件的需求，因为是pc管理后台，用到了element-plus框架，所以我也一起使用element-plus中的上传图片上传图片功能，并对它进行封装成一个组件，方便在多个地方使用。一、效果图1、上传文件、视频2、上传图片二、代码分析及全部代码  在这里上传图片和文件是分成了两个组件进行封装的，因为项目需求要求不一致，所以分开了，大家使用时有需要的话可以将它们
紫菀檀ss·2023-04-18 04:44
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他