vue3+ts

VUE3+TS学习-项目搭建

vue3和vue2的项目安装基本没太大区别。1.node安装方式一：nvm安装node个人比较喜欢使用nvm控制node版本，切换版本自如。nvm下载地址：https://github.com/coreybutler/nvm-windows/releasesnode包下载地址：https://nodejs.org/download/release/{node版本}方式二：直接安装nodenode下
奶糖 肥晨·2023-09-08 09:31

搭建vue3项目+ts

vue3+ts一、环境二、安装三、创建项目1、vue-cli创建项目2、图形化创建项目3、部分目录介绍四、安装sass五、ts集成和使用1、集成2、使用六、路由1、安装2、使用七、vuex1、安装2、引入注册
守望黑玫瑰·2023-09-08 09:00

nvm管理(切换)node版本,方便vue2，vue3+ts开发

使用nvm切换node版本1.完全删除之前的node及npm（清理干净Node:应用程序，缓存的文件，环境变量）2.使用管理员身份安装nvm，下载如下3.安装完nvm之后找到nvm下载路径对应的文件4.使用管理员身份打开cmd，nvminstallxxx（node的版本）,两个版本都执行一次下载命令5.执行完4之后，nvm路径下出现两个版本的node包6.到node的官网上将这两个node包下载下
black方块cxy·2023-09-08 09:57

【Vue3+TS】Axios拦截器封装及跨域 [cors] 解决方案

【Vue3+TS】Axios拦截器封装及跨域[cors]解决方案简述封装过程文件路径拦截器封装——Interceptor.tsAPI请求管理前端跨域的解决方案后端跨域的解决方案效果结语简述我的项目采用Vue3
黑夜中的潜行者·2023-09-07 13:48

vue3+ts报错解决：无法找到模块“xxx.vue”的声明文件 xxx隐式拥有 “any“ 类型。

出现该错误的原因：typescript不能识别.vue文件解决方法：可以在vite-env.d.ts文件中添加以下代码，如果没有vite-env.d.ts，可以自己新建一个xxx.d.ts类型的文件即可declaremodule'*.vue'{import{ComponentOptions}from'vue'constcomponentOptions:ComponentOptionsexportd
mini king·2023-09-07 13:38

[Vue3] 关于vue3+ts中使用props进行 interface 类型限制设置默认值报错问题(props: Readonly＜Props＞))

在使用withDefaults时，为自定义类声明默认值时报错。报错信息：Type'{}'isnotassignabletotype'(props:Readonly)=>object'.Type'{}'providesnomatchforthesignature'(props:Readonly):object'.报错时的代码：//propsinterfaceProps{mydata:object,}
扛麻袋的少年·2023-09-07 08:15

VUE3+TS项目无法找到模块“../version/version.js”的声明文件

问题描述在导入../version/version.js文件时，提示无法找到模块解决方法将version.js改为version.ts可以正常导入注意，因为version.js是我自己写的模块，我可以直接该没有关系，但是如果是引入的其他的第三方包，应该在ts中声明模块，步骤如下：1、在项目根目录新建types文件夹，文件夹下建立xxx.d.ts文件，文件名可以自定义，但是后缀必须是.d.ts2、在
加油吧少年时代·2023-09-07 01:01

vue3 + tsx语法小记

构建vue3+ts目录构建vue3+ts支持TS语法语法指令v-ifv-bindv-forv-modelv-show事件绑定组件通信父向子子向父传插槽npmcreatevite@latest#npm6.
Ankang_路上的小白·2023-09-06 22:52

Vue3+ts实现一个颜色选择器

Vue3+ts实现一个颜色选择器最近需求需要用到颜色选择器，但是选用的ant-design-vue种并没有颜色选择器这个组件，所以就想着自己实现以下。
qq_32021429·2023-09-06 07:53

Vue3+vite4使用mockjs进行模拟开发遇到的坑

刚好最近把Vue3的文档撸了一遍，正好可以顺便练习一下Vue3+ts。插件1、mockjs是必不可少的。2、vite-plugin-mock。
qq_32021429·2023-09-06 07:23

Vue3+ts封装一个简单版的Message组件

Vue3+ts封装一个Message组件项目中需要使用信息提示框的功能，ui组件库使用的是字节的arco-design-vue。
qq_32021429·2023-09-06 07:51

Vue3+Ts实现父子组件间传值的两种方式

文章目录写在前面1、v-model+emit传值1.1父向子传递数据1.2子向父传递数据2、使用v-bind+emit2.1父向子传递数据2.2子向父传递数据总结写在前面对于常用的组件间传参最近有了有点小心得总结一下，主要是两种子向父组件传参的方式总结。欢迎评论区讨论概览：方式特点v-model+emit简单明了，无复杂操作时使用v-bind+emit功能齐全，使用麻烦，推荐数据处理较多时使用1、
sKK07·2023-09-06 02:41

vue之动态表单(优化)

代码资源在这儿↑vue之动态表单优化vue2+js动态表单优化vue3+ts动态表单优化vue2+js动态表单优化效果图目录结构五个文件的完整代码:以下是App.vueimportFormpagefrom
码上暴富·2023-09-06 00:55

实战《天天影视》前后端+管理后台

本平台仅做学习使用技术栈APP=>flutter后台管理=>vue3+ts后端=>nestjs+typeorm+mysql1、APP2、后台管理系统(Admin)3、后端3-1、项目创建npmi-g@nestjs
十年之后_b94a·2023-09-03 00:56

Vue3 + script setup + TS + Volar

前期准备1.使用vue-cli创建一个vue3+TS的项目2.vscode禁用Vetur，下载Volar什么是setupsugar在单文件组件（SFC）中引入一个新的类型setup。
无言_f70a·2023-09-02 21:20

vue3+ts深入组件Props

在Vue3和TypeScript中，深入了解组件的Props是非常重要的。Props是组件之间进行数据传递的一种方式，可以将数据从父组件传递给子组件。首先，在Vue3中定义Props的方式有所改变。在组件的选项中，我们可以使用props属性来定义Props的类型和验证规则。例如：import{defineComponent,PropType}from'vue';exportdefaultdefin
一花一world·2023-09-02 13:11

一个 适用 vue3 ts h5移动端 table组件

vue3-h5-table介绍适用于vue3+ts的h5移动端项目table组件支持左侧固定滑动每行点击回调支持指定列排序链接：https://github.com/duKD/vue3-h5-table
我叫卷卷卷呀·2023-09-02 05:14

【Vue3+Ts】项目启动准备和配置项目代码规范和css样式的重置

项目启动准备创建项目（使用Vite构建工具创建项目模板）目录介绍插件安装创建别名编译说明项目配置配置icon和标题配置项目别名配置ts.config.json检测vscode的插件是否配置配置项目代码规范集成editorconfig配置prettier工具库ESLint检测配置CSS样式重置步骤：main.ts里面步骤一，新建css文件夹步骤二，main.ts中导入index.less步骤三，直接
博主花神·2023-08-31 08:15

vue3+ts引入echarts并实现自动缩放

第一种写法（不支持随页面大小变化而缩放）统一的HTML页面TS语法import*asechartsfrom'echarts';constbarChart=ref()constmyChart=ref()constoption_bar=ref({})myChart.value=echarts.init(barChart.value!);myChart.value.setOption(option_ba
brave,·2023-08-30 20:29

vue3+ts封装弹窗，分页封装

定义defaultDialog.vueimport{ref,toRefs,onUpdated}from'vue'import{ElMessageBox}from'element-plus'constprops=defineProps({//接收参数，父组件传的时候用:msg='123'的形式msg:String,show:{type:Boolean,default:false},title:{ty
brave,·2023-08-30 19:25

Windi CSS和Tailwind CSS以及UnoCSS

最近合作在写一个vue3+ts的项目，看到其他人用了一种写法，我觉得很奇怪，之前没见过，他是这样写的我不理解的是为什么这样写就会让这个div的高度就是40px,好多代码都是这样，我去css里边搜索发现并没有额外设置什么
白鲸ld·2023-08-30 10:35

vue3+ts开发组件上传到npm全过程

可以指点下，我的qq是2951839171.新建项目vuecreate项目名新建一个工程，选择vue3和typescript2.创建组件在components文件夹下创建组件，用vue3+ts的写法，这个我具体不写了
czl0325·2023-08-30 10:17

Vue3+TS使用element-plus 动态Icon图标

目录1，前言2，使用2.1，方式一2.2，方式二1，前言源于一段话ElementPlus团队正在将原有组件内的FontIcon向SVGIcon迁移，请多多留意更新日志,及时获取到更新信息，FontIcon将会在第一个正式发布被废弃，请尽快迁移在此记录一下如何使用element-plus中的icon组件环境：Vue：3.2.16Element-Plus：1.2.0-beta.3TypeScript：
鹏多多.·2023-08-29 21:21

Vue——vue3+ts

![组合式API](https://img-blog.csdnimg.cn/65bc865af9284374ad6ee6ad90e9e2de.png)##1.vues新增了setupAPI：setup选项在组件被创建之前执行，一旦props被解析完成，它就将被作为组合式API的入口。注：在setup中你应该避免使用this，因为它不会找到组件实例。setup的调用发生在dataproperty、c
还需studystudy·2023-08-29 09:00

【vue3+ts项目】统一包管理器工具下载依赖

不同包管理工具下载同一个依赖，可能版本不一样导致项目出现bug问题所以要统一包管理工具在根目录创建scritps/preinstall.jsif(!/npm/.test(process.env.npm_execpath||'')){console.warn(`\u001b[33mThisrepositorymustusingnpnasthepackagemanager`+`forscriptsto
花椒和蕊·2023-08-28 06:33

【vue3+ts项目】配置eslint校验代码工具，eslint+prettier+stylelint

1、运行好后自动打开浏览器package.json中vite后面加上--open2、安装eslintnpmieslint-D3、运行eslint--init之后，回答一些问题，自动创建.eslintrc配置文件。npxeslint--init回答问题如下：使用eslint仅检查语法，还是检查语法及错误，选第二个使用的是什么模块，选第一个项目使用的是什么框架，选vue项目中使用TyoeScript，
花椒和蕊·2023-08-28 06:02

Vue3中如何进行封装？—组件之间的传值

用了很久一段时间Vue3+Ts了，工作中对一些常用的组件也进行了一些封装，这里对封装的一些方法进行一些简单的总结。
时雨.`·2023-08-26 22:58

vue3+ts+uniapp小程序端自定义日期选择器基于内置组件picker-view + 扩展组件 Popup 实现自定义日期选择及其他选择

vue3+ts基于内置组件picker-view+扩展组件Popup实现自定义日期选择及其他选择vue3+ts+uniapp小程序端自定义日期选择器1.先上效果图2.代码展示2.1组件2.2公共方法处理日期
奔跑的代码！·2023-08-26 08:14

vue3 + ts 通过自定义指令实现可以自由拖动的盒子

本文主要记录vue3自定义指令的用法的一个案例，通过自定义指令实现一个盒子（类似弹窗）可以被鼠标在浏览器的可视区域内自由拖动：下面直接上代码：（注：代码使用了vue3+ts的写法）template我是一个可以被鼠标拖动的盒子
廖若星辰LTY·2023-08-25 18:46

Vue3+TS 解决 app.config.globalProperties 全局变量参数不存在问题

假设我们在src目录下有一个utils文件夹，里面有个index.ts文件，定义了自己的一些工具方法，比如：constprintInfo=(msg:string)=>{console.log(msg);}exportdefault{printInfo}如果想在全局使用，首先肯定是在main.ts中添加：importutilsfrom'./utils'...//全局属性配置app.config.gl
煮茶忘放糖·2023-08-25 09:50

前端更新代码自动提示用户更新

1、本文提供了解决前端打包后，提示客户自动更新的功能代码；2、纯干活，直接复制代码粘贴可用；3、代码清晰，注释丰富；代码是基于vue3+ts，当然其实这个和vue没啥关系的一、引入判断逻辑在"@/utils
虾十一·2023-08-24 20:24

vue3+ts中如何获取ref属性的值

ref属性相当于给标签id，然后像js一样使用getElementById一样获取其方法在什么情况下使用ref属性呢?如调用element-plus中的方法。就可以在el-table中添加ref属性，在ts中定义一个constmultipleTable=ref()就可以直接调用图片中的方法如:定义变量，注意：一定要写在return里，不然获取不到HTML对象。或者在添加添加setup两个选一个se
꧁“杂货店”꧂·2023-08-23 09:25

在vue3+ts项目里使用query和params传参

在Vue3+TypeScript项目中，您可以使用query和params来传递参数。以下是如何在Vue3+TypeScript中使用这两种方式进行参数传递的示例：//路由配置import{createRouter,createWebHistory,RouteRecordRaw}from'vue-router';constroutes:Array=[{path:'/example',name:'E
一花一world·2023-08-23 01:32

Vue--》打造个性化医疗服务的医院预约系统（七）完结篇

今天开始使用vue3+ts搭建一个医院预约系统的前台页面，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的GithHub上
亦世凡华、·2023-08-21 10:31

vue3+vite+element pro + pnpm 创建的monorepo项目

技术说明河码桌面主要技术：使用vue3+TS开发；基于elementpro
河马开源·2023-08-19 13:05

vue3 + antv/x6 实现拖拽侧边栏节点到画布

前篇：vue3+ts使用antv/x6+自定义节点前篇：vue3+antvx6自定义节点样式1、创建侧边栏用antd的menu来做侧边栏[email protected]//入口文件
原莱_·2023-08-19 11:35

H5: div与textarea输入框的交互（聚焦、失去焦点、键盘收起）

简介本文是基于VUE3+TS的代码说明。记录自己遇到的div与textarea输入框交互的聚焦、失去焦点、键盘收起、表情插入不失去焦点的需求实现。
前端-如此如此。·2023-08-18 08:57

Vue3+TS在CompositionAPI下使用Vuex4

虽然在Vue3中可以使用Provide/Inject来实现超远距离变量传送，但是只是祖父组件给子组件传送。如果要全局的进行变量、状态管理，还是要使用到Vuex。针对Vue3的话版本就要升级到Vuex4。先进行包的安装。注意针对Vue3的版本，vuex-composition-helpers需要安装next版本。$npminstallvuex@next-S$npminstallvuex-compos
兰斌Ice·2023-08-17 23:40

webSocket 聊天室 node.js 版

全局安装vue脚手架npminstall@vue/cli-g创建vue3+ts脚手架vuecreatevue3-chatroom后端代码src同级目录下建server:constexpress=require
牧羊狼的狼·2023-08-17 06:14

uniapp-微信小程序篇

uniapp-微信小程序篇一、创建项目(以Vue3+TS项目为示例)可以通过命令行的方式创建也可以通过HBuilderX进行创建（通过HBuilderX创建的项目建议选择最简单的模板），个人建议使用命令行方式
皮的狠·2023-08-16 23:26

vue3+ts系列之pinia入门

一、安装pinianpmipinia或yarnaddpinia复制代码二、引入pinia//main.tsimport{createApp}from'vue'importAppfrom'./App.vue'//引入pinia并实例化import{createPinia}from'pinia'constpinia=createPinia()createApp(App).use(pinia).moun
北觅_小太阳·2023-08-16 12:43

打工日记-Vue3+Ts二次封装el-table

el-table是elementUI中的表格组件，在后台把管理系统中，也是一个比较常用的组件，目前有一个比较好的开源项目ProTable，这个项目做的很好，集成了搜索，表格，分页器功能很强大。但在我的实际使用中也有一些需要更改的地方，因此，我也尝试着封装自己的table组件。需求定制化：这是最基本的要求，每个表格的表头都是不一样的，封装table组件，首先就要满足它的定制化输入。表格操作列末尾添加
晴天.js·2023-08-15 14:27

编写一套工具库并上传NPM

你的工具箱开箱即可用的directive\utils，说明：vue3-directive-tools是一个方便在Vue3+Ts项目中快速使用的directive、tool的npm插件。
彩色之外·2023-08-14 08:16

Vue3+TS和Vue2+TS的编写示例，同时加上接口约束

以下是Vue3+TypeScript和Vue2+TypeScript的编写示例，同时加上接口约束：Vue3+TypeScriptVue2+TypeScriptVue3+TypeScript{{title}}{{item}}Count:{{count}}Incrementimport{defineComponent,ref}from'vue'interfaceProps{title:string;l
べJL·2023-08-12 19:57

实用的开源应用全新开源源码Vue3+TS的前后台分离的开发平台源码开源技术社区平台

开源全新开源源码Vue3+TS的前后台分离的开发平台源码。创意、新奇、有趣、实用的开源应用、系统、软件、硬件及技术，一个探索、发现、分享、使用与互动交流的开源技术社区平台。
百创科技·2023-08-12 12:00

vue3+ts使用antv/x6

使用2.x版本x6.antv新官网:安装npminstall@antv/x6//"@antv/x6":"^2.1.6",项目结构1、初始化画布index.vueimport{onMounted}from"vue";import{Graph}from'@antv/x6';letgraph:GraphconstgraphInit=()=>{graph=newGraph({container:docum
原莱_·2023-08-12 02:36

Vue3+ts 配置i18n国际化，解决i18n警告

Vue3全局配置国际化i18n，封装hook，解决i18n警告1.安装包yarnaddvue-i18n@next2.基础步骤导入创建i18n方法//locale/index.tsimport{createI18n}from"vue-i18n";创建i18n实例对象，导出//locale/index.ts//导入全局中英文配置对象importenfrom'./en-US'importzhfrom'.
前端小海绵·2023-08-11 22:45

Vue3+Ts实现中英文切换(i18n)

这里写目录标题1、安装2、创建语言文件和目录结构3、编辑语言配置文件4、在vue中注册5、使用6、动态路由菜单中英文切换7、下面就是中英切换的HTML和ts代码最近学习有关vue3+ts项目，需要对显示进行中英切换
#GZ·2023-08-11 22:41

vue3+Ts 之父子组件传值及部分函数基础使用·

vue3基础1.vue3，父组件向子组件传值(props)父组件父传子//应用组件import{defineComponent}from'vue'//1.导入组件importChildCompfrom"./Child.vue";exportdefaultdefineComponent({//2.使用组件components:{ChildComp},setup(props){return{}}})子
柳林林·2023-08-11 15:40

vue3+ts 动态导入多文件组件

1、在components文件夹中新建index.ts文件（components文件夹下为创建的组件）//index.tsconstmodules=import.meta.globEager("./*.vue");//参数为组件路径letcomponentsOpts={}constgetCaption=(obj,str,z:boolean)=>{letindex=obj.lastIndexOf(s
公主范儿i·2023-08-11 11:57
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他