VUE3+TS 第2页

Cannot find module “xxx“ or its corresponding type declarations.Vetur

最近再写vue3+ts项目时,在组件中通过@引入其他组件时vetur会报错,虽然不影响运行,但是红色波浪线看着很难受研究了很久,最终发现是vscode项目文件夹下存在多个项目冲突导致的解决方法:把其他项目从工作区移除重新启动或者单独打开项目文件夹到

Vsmiao·2024-01-10 16:27

基于Vite构建的Vue3+Ts项目打包优化全过程

前置工具打包体积分析器：rollup-plugin-visualizer是一个打包体积分析插件，对应webpack中的webpack-bundle-analyzer。配置好后运行构建命令会生成一个stats.html。npmirollup-plugin-visualizer-DPnpmaddrollup-plugin-visualizer-D在vite.config.js里面配置import{vi

-最爱吃兽奶-·2024-01-10 01:25

vue3+TS 项目layout布局设置（夹杂了登录功能的代码）

目录一.目录结构二.页面内容填写1.src/components/slideVerify.vue前端生成验证码2.src/layout/index.vue（新增页面）布局的入口文件3.src/layout/components/header.vue（新增页面）页面的头部4.src/layout/components/footer.vue（新增页面）页面的底部5.src/router/routers

程序猿online·2024-01-09 19:46

vue3+TS 项目引入element plus 组件库，图标库使用

elementPlus组件库：Button按钮|ElementPlus(gitee.io)具体详细可以见官方文档：快速开始|ElementPlus(gitee.io)下面是我实操目录一.element-plus安装1.安装依赖2.引入2.1.完整引入，2.2.按需引入-自动导入，2.3.按需引入-手动导入，二.element-plus图标库安装1.下载安装依赖2.注册所有图标一.element-p

程序猿online·2024-01-09 19:45

使用vscode开发小程序项目

使用vscode开发uni-app这里的创建使用用vue3+ts版本，如过是vue2，具体可参考官网命令uni-app官网首先创建uni-app`npxdegitdcloudio/uni-preset-vue

小夏同学呀·2024-01-09 09:34

vue3+vite+ts 在img上获取静态图片

1.在vue3+ts项目中插入图片方式一，单个单个的插入importwordfrom'/@/assets/images/word.png'在setup中return，或是方式二:推荐核心方法,直接复制使用

꧁“杂货店”꧂·2024-01-08 04:39

vue3+ts项目采用canvas模拟批注功能

vue3+ts项目模拟批注一、项目需求：移动端：实现点击“批注”，随手指绘制出线条，线条封闭之后，视为圈记成功，进而输入评论内容——批注；二、实现思路：1.

汪叽家的兔子羡·2024-01-05 22:17

Bwcx_lzp·2024-01-05 12:48

2024新flag

2023flag倒了，2024重新立起来java持续学习，尤其是Springcloud，可以独立写一个Springboot程序数据库，clickhouse，并创建新的日志系统VUE3+TS学习，微前端框架三维

南山老沙·2024-01-04 19:58

vue3组合式api的setup语法糖+defineProps、defineExpose、defineEmits用法说明、markRaw

前言：最近使用vue3发现了setup的语法糖很好用一、介绍vue3+ts正常写法import{ref}from"vue";exportdefault{setup(){consttext=ref('代码

jojo是只猫·2024-01-04 13:04

vue3+ts错误：找不到模块“./App.vue”或其相应的类型声明。ts(2307)

vue3+ts错误：找不到模块“./App.vue”或其相应的类型声明。

春暖花开.,·2024-01-04 09:58

VUE3+TS（11）

硅谷甄选第十一天：2023-12-18:删除数据的时候，需要判断，若删除数据后，当前获取到的数组长度小于1，则页面获取上一页信息，否则就在当前页面。getSkuData(skuArr.value.length>1?pageNo.value:pageNo.value-1)动态组件：组件之间互相切换。：is的值可以是被注册的组件名导入的组件对象对表单校验。若想将数据都通过表单后再进行下一步操作，需要利

L北杳·2024-01-03 13:52

vue3+ts开发干货笔记

总结一下在vue3中ts的使用。当篇记录部分来自于vue官网，记录一下，算是加深印象吧。纯干笔记，不断补充，想到什么写什么，水平有限，欢迎评论指正！类型标注propsconstprops=defineProps({foo:{type:String,required:true},bar:Number})props.foo//stringprops.bar//number|undefined可以通过更

Bwcx_lzp·2024-01-03 09:57

vue3+typescript项目中读取window对象中属性报错

问题在vue3+ts开发的项目中，获取挂载在window对象上的属性a报错image.png解决方法使用类型断言缺点：在any类型的变量上，访问任何属性都是允许的。

俄小发·2024-01-02 13:27

vue3+ts打开echarts的正确方式

实例项目使用vite5+vue3+ts，项目地址vite-vue3-charts，预览地址https://weizwz.com/vite-vue3-charts准备工作1.注册为百度地图开发者官网地址，然后在应用管理->我的应用里，创建应用，创建好后复制AK2.在根目录的index.html里引入百度地图xxx在head里引入，是为了提前加载进来3.安装echartsnpmiecharts-S封装

液态不合群·2023-12-30 01:55

vue3+ts使用原生click事件报错

开发过程中，我想在原生的html元素上使用事件,虽然报错，但能运行版本："@types/node":"^18.11.4","vue":"^3.2.37","typescript":"^4.6.4",在vue3

相见一月·2023-12-29 21:49

vue3+ts el-tree高亮回显

{{data.taskName}}constcurrentNodeId=ref('')//回显constleftTreeFillingFn=()=>{leftTreeFillingAPI().then((res)=>{treeData.value=resif(router.currentRoute.value.query.id!==''){finalId.value=router.currentR

圆脸喜欢吃菠萝·2023-12-29 19:17

vue3+ts 组件封装，以及如何封装一个v-model双向绑定的值

1.prop通过defineProps定义该组件的入参，它在初始化时执行一次，参数在组件内是只读的，不能被修改，想要修改它，就必须将它赋值给一个变量，在组件中操作该变量即可。defineProps({value:String,});父组件向子组件传值，可通过:value=“变量”emit通过defineEmits，向外暴露事件，并将值传递向外部，外部通过@change=“”，触发constemit

小何开发·2023-12-28 22:37

无星的前端之旅（十八）-Vue3+ts常见问题

第一次用Vue3+ts，采用了eslint（aribnb），遇到了一些问题，又不想用经常性使用any，只能逼迫自己解决问题。

无星灬·2023-12-27 15:51

vue3+ts 可视化大屏无限滚动table效果实现

注意：vue3版本需使用vue3-seamless-scrollnpmnpminstallvue3-seamless-scroll--save页面引入TSimport{Vue3SeamlessScroll}from"vue3-seamless-scroll";代码使用（相关参数可参考：https://www.npmjs.com/package/vue3-seamless-scroll）设备编号设备

曲江涛·2023-12-27 13:16

vscode中vue3+ts报类型“{ }“上不存在属性“ “，以及ts.config.app.json和tsconfig.node.json中报错（彻底解决）

亲爱的小伙伴们，你们是否遇到过使用vscode打开vue3+ts项目时一片爆红，一直提示类型"{}"上不存在属性""，以及ts.config.app.json和tsconfig.node.json中报“

一只花小妖·2023-12-27 12:37

vue3+ts axios封装

安装pnpminstallaxios第一次封装importrouterfrom'@/router'import{useUserStore}from'./../stores/modules/user'importaxiosfrom'axios'import{showToast}from'vant'constinstance=axios.create({//1.基础地址，超时时间baseURL:'xx

Eleven....·2023-12-27 12:56

vue3+ts pinia存储及持久化

index.ts需要安装pinia-plugin-persistnpmipinia-plugin-persist-Simport{createPinia}from"pinia"//引入批量的pinia持久存储插件importpiniaPluginPersistfrom'pinia-plugin-persist'conststore=createPinia();store.use(piniaPlug

你的美，让我痴迷·2023-12-26 05:46

vue3+ts 代理的使用

简单封装request.tsimportaxiosfrom"axios";//1.创建axios对象constservice=axios.create();//2.请求拦截器service.interceptors.request.use(config=>{returnconfig;},error=>{Promise.reject(error);})//3.响应拦截器service.interce

你的美，让我痴迷·2023-12-26 05:46

vue3+ts vuex存储问题

import{createStore}from"vuex"importpersistedstatefrom"vuex-persistedstate";importuserfrom"./modules/user"exportdefaultcreateStore({state:{num:10,sum:10,str:"这是store数据"},getters:{total(state){returnsta

你的美，让我痴迷·2023-12-26 05:15

Vue3+Ts项目——登录页面跳转到首页

Vue3+Ts项目——登录页面跳转到首页第一步：创建三个ts文件结合pinia缓存登录信息和tokensrc\api\userTypes.tssrc\stores\modules\user.tssrc\

靠着蓝色背景幻想·2023-12-25 17:27

Vue3+Ts项目——第三方认证登录

Vue3+Ts项目——第三方认证登录下载插件main.ts文件vue页面调用方式前言：我们得先去注册成为谷歌开发者，创建一个项目再获取id，整个难点就是获取ID。我难受呀。

靠着蓝色背景幻想·2023-12-25 17:27

vue3+ts项目封装echarts饼图

下载echartsnpmiecharts饼图对应type为pie成果图:(数据为动态展示所以要封装组件)封装组件为EPIPieChart.vue封装组件通用代码importechartsfrom'@/assets/ts/echarts';import{nextTick,reactive,watch}from'vue';constprops=defineProps({pid:{type:String

学习吖·2023-12-25 01:19

echarts案例之日历

一、此案例基于Vue3+ts，效果展示：二、单个属性的值：1、visualMap.pieces根据值自定义每个小块的颜色pieces:[{min:0,//最小值max:20,//最大值label:'未统计

Her...·2023-12-25 00:36

vue3+ts 实现文件在线预览

一、背景企业微信自建项目中要求PC端也能进行文件预览，但是企业微信提供的接口只能在移动端使用，通过查阅资料修改成贴合项目的方法。参考：https://blog.csdn.net/w_t_y_y/article/details/115767747kkFileView官方文档二、preview-file组件1.三种方式：①、OfficeWeb查看器http://view.officeapps.live

汪叽家的兔子羡·2023-12-24 22:14

vue3+ts集成mockjs

文章目录前言mock官方文档安装mockjs在src文件夹下创建mock文件夹index.tstyping.tsapis1.tsapis2.tsapis3.ts生成随机数据main.ts引入mockjsshim-vue.d.ts添加声明在根目录package.json中的scripts新增一种运行方式"serve:mock"在根目录创建对应的.env.development、.env.mock文件

大牙Adela·2023-12-24 19:18

【vue3+TS】customRef在实战中的使用（防抖）

【vue3+TS】customRef在实战中的使用（防抖）新建文件debounced.ts文件内容页面中使用效果customRef用于自定义一个ref，可以显式的控制依赖追踪和触发响应，接受一个工厂函数

Aray阿伟·2023-12-20 14:11

【vue3+ts】动态生成word文件并下载

动态生成word文件并下载下载依赖新建docx的word模板新建ts文件在vue文件中引入如果你不想要ts，这里也有ts装成的js代码看了很多帖子，最后还是自己搞定的……没一个靠谱的，都说不清楚，那就自己动手吧！下载依赖npmidocxtemplaternpmifile-savernpmipizzip新建docx的word模板建议在项目文件夹里面手动创建，不要在编译器里面创建。要在public目录

Aray阿伟·2023-12-20 14:40

vue3+ts nextTick函数的使用

{{item.name}}{{item.message}}sendimport{reactive,ref,nextTick}from"vue";letchatList=reactive([{name:"张三",message:"xxxxxxx",},]);letbox=ref();letipt=ref("");//Vue更新dom是异步的数据更新是同步的//我们本次执行的代码是同步代码//当我们操

你的美，让我痴迷·2023-12-18 12:18

使用vue-cli创建vue3+ts项目

使用vue-cli创建vue3+ts项目提示：该文章为vue3+ts的！该文章是博主看的B站尚硅谷视频课来进行整理的！尚硅谷的课真的很不错！

玲小叮当·2023-12-18 08:42

Vue3+TS 报错：找不到模块或其相应的类型声明

在src目录下找到vite-env.d.ts文件将下方代码粘贴即可解决declaremodule'*.vue'{import{ComponentOptions}from'vue'constcomponentOptions:ComponentOptionsexportdefaultcomponentOptions}

banzhuanren1·2023-12-17 08:34

解决vue3+ts打包，ts类型检查报错导致打包失败

最近拉的开源大屏项目goview，在打包的过程中一直报Ts类型报错导致打包失败，项目的打包命令为："build":"vue-tsc--noEmit&&vitebuild"是因为vue-tsc--noEmit是TypeScript编译器（tsc）的命令，vitebuild则是使用Vite进行最终的构建。所以会检测ts的类型是否写的正确标准，如果项目中类型错误少的话可以一一解决并打包但是goview的

喜陈·2023-12-16 11:39

vue项目中集成vite+ts+jest

Vite+Vue3项目配置ESLint规范和Jest单元测试-掘金jest、vuetestutils入门vue3+ts组件测试-掘金Vite+TS+Jest,配置+踩坑记录-掘金基于以上网址参考tsconfig.json

考代码吃饭·2023-12-15 22:10

vue3-ts npm run dev报错

vue3+ts启动项目报错，实在是解决不了，求大家给看看[ERROR]Failedtoresolveentryforpackage"@intlify/shared".Thepackagemayhaveincorrectmain

nan0625·2023-12-15 22:39

Vue3+ts实现页面跳转及参数传递

##列表页import{reactive,toRefs}from'vue'//1引入useRouter路由信息方法import{useRouter}from'vue-router'//2获取实例constrouter=useRouter()constgotoDetail=(index:string)=>{router.push({path:'/demo2',query:{id:index}})}#

aa啊呀·2023-12-15 19:46

搭建一个Vue3+Ts项目

前言：项目使用的技术有Vite+Vue3+Ts+sass+Router+pinia+axios。好了我们开始吧。文章目录一、创建项目二、启动项目三、安装sass四、安装routerlogin.vue页面home.vue页面index.tsmain.ts配置routerapp.vue五、自动引入组件（看个人喜欢，自行选择要不要引入啦）六、安装pinia七、安装axios一、创建项目找到你想创建的文件

靠着蓝色背景幻想·2023-12-15 14:56

vue3+ts使用setInterval、setTimeout方法

vue3+ts使用setInterval、setTimeout方法两种方法constinterval:NodeJS.Timer=setInterval()constinterval:number=window.setInterval

靠着蓝色背景幻想·2023-12-15 14:26

Vue3+Ts项目（Naive UI组件）——创建有图标可伸缩的左边菜单栏

文章目录安装、配置vue-router1、安装2、main.ts配置3、在App.vue中，渲染路由配置到的组件创建测试路径页面1、src\views\dashboard\index.vue2、src\views\dashboard\test.vue3、src\views\table\index.vue配置页面路由1、src\router\modules\dashboard.ts2、src\rou

靠着蓝色背景幻想·2023-12-15 14:19

vue3 + ts 防抖指令，节流指令，复制指令

vue3+ts自定义指令防抖指令，节流指令，复制指令本文使用了element-ui,element-plus官网源文件https://admin.spicyboy.cn/#/directives/debounceDirect

你的眼睛會笑·2023-12-14 21:34

vue3 + ts 判断各种数据类型，首字母转大写，下划转驼峰，的方法集合

vue3+ts判断各种数据类型，首字母转大写，下划转驼峰，的方法集合(记录ing…)1.直接上代码1.在utils文件夹下新建`index.ts`//index.ts/***@description:判断是否为某个类型

你的眼睛會笑·2023-12-14 21:04

vue3 + ts 引入图片时报：找不到模块“xxx”或其相应的类型声明。

问题描述使用vue3+ts引入图片时报错找不到模块“@/assets/images/brandCould.png”或其相应的类型声明。问题解析：因为typescript无法识别非代码资源。

土生土长的IU·2023-12-06 13:49

vue3+ts hooks的使用

importAfrom"./components/A.vue";importuseBase64from"./hooks";useBase64({el:"#img",}).then((res)=>{console.log(res.baseUrl);});hooks/index.ts:import{onMounted}from"vue";typeOptions={el:string}exportdef

你的美，让我痴迷·2023-12-05 15:56

vue3+ts 全局函数和变量的使用

{{$env}}{{$filters.format("的飞机")}}import{getCurrentInstance}from"vue";constapp=getCurrentInstance();console.log(app?.proxy?.$filters.format("dffdfd"));main.ts:import{createApp}from"vue";import"./style