vue3+ts 第11页

vue3+ts封装axios

为什么要封装axios呢，直接使用不好吗。我个人浅显的认为，直接在页面中使用axios.get等发送请求，这样请求与页面的耦合度太高，如果要是修改某一个接口url，还要去页面找,太麻烦，因此，我们一般直接封装axios，把请求url与页面分开我们开始封装axios吧importaxios,{AxiosResponse,AxiosRequestConfig}from'axios'constisDev

前端小白小白白·2022-07-28 09:55

在项目中使用TS封装 axios，一次封装永久使用

多一些不为什么的坚持这里是大眼(◉ɷ◉)萌–贤蛋，一名很普通但不想普通的程序媛本文章收录于专栏：Vue3+Ts管理系统TS封装axios安装axios区分开发环境⚙️实现最基础的封装封装拦截器☝1.类拦截器

贤蛋大眼萌·2022-07-28 09:24

【Vue3+TypeScript】---管理系统02

多一些不为什么的坚持这里是大眼(◉ɷ◉)萌–贤蛋，一名很普通但不想普通的程序媛本文章收录于专栏：Vue3+Ts管理系统Vue3+Ts--管理系统02第三方库集成1.1配置`vue.config.js`1.2vue-router

贤蛋大眼萌·2022-07-28 08:51

使用Vue3+ts 开发ProTable源码教程示例

目录前台实现实现效果技术栈使用方法ProTable设计思路编码风格css小知识表格操作小结后期功能扩展后台实现数据库mysql新建项目RESTful风格的URL定义Sequelizecontrollermodelrouter.jsAPI文档Apifoxts用到的一些前台实现实现效果技术栈vue3+typescript+element-plus使用方法import{ref}from'vue'impo

·2022-07-18 18:30

Vue3+TS（下）Vue3 教学全集

mildness丶·2022-07-12 16:16

Vue3+Ts（coderwhy）超详细学习笔记（一）邂逅Vue3和TypeScript

前言本笔记基于coderwhy大神新课程-vue3+ts所作，原版课程地址指路—深入Vue3+TypeScript技术栈-coderwhy大神新课，请大家尽量支持正版哈本笔记集视频、课件、代码而成，较为详细

coderYYY·2022-07-07 09:40

Vue3+TS stylus导出变量供TS(js)使用

简单记录下Vue3如何使用stylus开发环境:vue-cli5一键生成的Vue+TS全家桶需求：如下图，有一个variable.module.styl文件定义了全局样式，需要让它可以在各个.vue文件中被调用，同时可以输出变量被ts(js)直接调用1.用style-resource把styl文件暴露到全局2.外部.styl文件，如果想导出变量供Vue文件使用，可以使用:export，但是导出来的

Negnulebin·2022-07-07 02:18

vue3+ts的项目无法使用DataV 大屏数据展示组件库（解决报错的问题）以及patch-package插件怎么打补丁包。

创建项目创建vue3加上ts的项目，然后下载DataV这个组件库网址在这http://datav.jiaminghi.com/当创建完成之后然后去启动，会发现相项目报错了Couldnotfindadeclarationfileformodule'@jiaminghi/data-view'当我开开心心的npmrunserve我k报错了报错简单那就解决他把，作为程序员不是在写bug，就是在解决bug的

有两把刷子·2022-07-04 12:50

vue3+ts项目中使用mockjs

前后端分离的开发模式，前端需要向后端请求数据（ajax请求），但实际开发过程中，前后端会约定一份接口文档，但前后端开发进度并不一致，当后端没有完善接口功能时，前端需要在本地模拟数据返回，此时需要使用到mockjs。安装mocknpminstallmockjs--save-dev创建mock文件夹mock下创建index.ts、types.ts以及你需要使用到的模块的.ts文件。mock文件夹ind

韩发发吖·2022-06-29 10:52

2022-06-28 vue3+ts 灵活的menu-layout简单实现

简述：该菜单布局可以自由配置顶部菜单和侧边菜单的显示与否，也可以自由选择顶部菜单和侧边菜单的父子关系，此菜单布局相较mx-design中的menu-layout父子菜单关系相对灵活，且可以在一个工程中多次使用，通过路由来控制，使用该菜单布局的页面需要创建一个根路由，component引入该菜单组件。示例{path:'/',name:'MChain',component:()=>import('@/

丁夏叮当·2022-06-28 15:41

vue3+ts中ref与reactive指定类型实现示例

目录ref的基础特性如何在ref中指定类型reactiveisRef、isReactivetoRef、toRefs、toRawref的基础特性ref约等于reactive({value:x})ref()可以定义时无参数，第一次赋值任意类型，然后就不能增加属性constrefa=ref(6)constrcta=reactive({value:12})console.log('refa:',refa)

·2022-06-27 16:16

Vue3+TS+Vite+NaiveUI搭建一个项目骨架实现

目录写在前面创建Vue3项目开发规范Vite配置别名配置环境变量.env文件定义环境变量在vite.config.ts中获取环境变量自动导入NaiveUI的安装写在最后写在前面现在已经有很多项目团队使用Vue3

·2022-06-26 12:02

Vue3+ts配置Eslint

安装eslintcnpminstalleslint--save-dev初始化npmeslint--init//选择配置√HowwouldyouliketouseESLint?·problems√Whattypeofmodulesdoesyourprojectuse?·esm√Whichframeworkdoesyourprojectuse?·vue√DoesyourprojectuseTypeSc

·2022-06-22 17:50

详解如何在Vue3+TS的项目中使用NProgress进度条

目录写在前面在项目中安装简单的封装在Vue切换路由时展示进度条写在前面NProgress是一个轻量级的进度条组件，在Github上已经2.4万star数了，虽然这个组件已经好久没有更新了，最近一次更新是20年4月份，改了jQuery的版本，但是该组件的使用频率还是高的。在项目中安装这里的包管理工具使用的npm，如果你使用的是yarn或者pnpm，请自行更改安装命令，安装命令如下：npminprog

·2022-06-22 07:04

Vue3+ts中props和emit用法

将子组件的值传到父组件中1、emit子组件setup(props,{emit}){constfoo=()=>{emit("myevent",123);};return{foo,};},父组件setup(){constchuanCan=(a:number)=>{console.log(a);};return{chuanCan,};},2、props子组件props:{foo:{type:Functi

qq_52382617·2022-06-20 13:08

vue3+ts实现拖拽功能

拖拽demoimport{reactive,toRefs,onMounted}from"vue";exportdefault{name:"about",setup(){constdata=reactive({});onMounted(()=>{constel=document.getElementById("drag");useMove(el);});constdatas=toRefs(data)

theOtherSky·2022-06-18 07:43

TypeScript函数和类型断言实例详解

目录开始断言非空断言类型断言尖括号as确定赋值断言类型守卫trpeofin函数可选参数默认值参数函数重载结束开始现在要加速学习了，大佬们有没有内推，给个推荐会vue2/vue3+ts断言非空断言非空断言就是确定这个变量不是

·2022-06-08 19:03

简单易上手的vue3.0+ts实战小项目！！附带后台接口

vue3+Ts项目实战1.前言2.项目演示3.项目介绍4.配套的node服务5.vue3+ts的使用心得1.vue3的使用体会2.ts的体会‍♂️1.前言一直想体验一下vue3的开发使用，但是一直在推脱

木木林_·2022-06-05 07:32

Vue3.0+ts项目初体验总结

今天第一次接触vue3+ts的项目，非常不适应，好多地方和vue2+js区别还是很大的，这篇文章就总结一下自己在项目中遇到的问题，这篇文章是写给自己的，记录下来，防止以后忘记，小伙伴们可能看起来有点费力

Mr.指尖舞者·2022-06-05 07:13

Vue3使用TypeScript的正确姿势

作者：TinssonTaihttps://juejin.im/post/6875713523968802829一个完整的Vue3+Ts项目,支持.vue和.tsx写法项目地址：https://github.com

前端开发博客·2022-05-30 11:27

vue3项目中封装axios

目前前端最流行的网络请求库还是axios，所以对axios的封装很有必要，此次基于vue3+ts的环境下。

飞翔的波斯猫·2022-05-21 17:43

最强vue3+Ts axios封装！

建立以上文件夹。随后将下面代码进行复制粘贴使用。config.ts/**webpack自带的*开发环境：development*生产环境：production*测试环境：test*/letBASE_URL="";constTIME_OUT=10000;if(process.env.NODE_ENV==="development"){BASE_URL="http://123.207.32.32:80

前端Wai·2022-05-21 17:11

封装一个更易用的Dialog组件过程详解

搭建环境首先我们需要搭建一个Vue3+ts的环境。用vite的官方模板：yarncreatevitedemo-app--templatevue-ts进入并安装

·2022-05-18 12:53

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

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

·2022-05-16 13:34

使用vue3+TS实现简易组件库的全过程

目录前置组件编写dropdownform验证总结前置首先下载vue-cli，搭建我们的环境，vue-create-luckyUi，选择vue3和TypeScript。在src目录下创建package作为组件目录。再安装bootstrap，用bootstrap里面的样式来完成我们的组件。组件编写dropdown首先查看boorstrap文档，是这样用的DropdownbuttonActionAnot

·2022-05-06 16:58

使用vite创建的vue3项目安装style-resources-loader后使用scss报错

创建的vue3项目，安装style-resources-loader后使用scss报错安装scss：npminitvite项目名----templatevue创建后的项目package.json如下，默认vue3

·2022-04-30 10:52

vue3+ts 中 ref与reactive 如何指定类型

ref的基础特性ref约等于reactive({value:x})ref()可以定义时无参数，第一次赋值任意类型，然后就不能增加属性constrefa=ref(6)constrcta=reactive({value:12})console.log('refa:',refa)//RefImpl{...}console.log('refa:',refa.value)//6console.log('rc

wyc0859·2022-04-22 14:24

Vue3父子组件通信_vue3+TS

1.父传子父组件：在子组件上通过v-bind绑定属性子组件：先定义下基本类型，然后通过setup的第一个参数取获取传过来的值(详细代码见下面）2.子传父父组件：在子组件上绑定一个事件，并定义回调子组件：通过setup的第二个参数去接受，第二个参数包含了（attrs，emit，slots），这里我们用到第二个emit去传值。（本质和vue2差不太多）

专业切图三十年·2022-04-22 09:03

vue3+ts 绑定props 默认值的方式：withDefaults

withDefaults作用是给defineProps绑定默认值的api父组件子组件tssample{{msg}}第一种方式哦:分离模式interfaceProps{msg?:(string|number|boolean),title?:string[]}withDefaults(defineProps(),{msg:'hello',title:()=>['one','two']})第二种方式：组

自由的音符·2022-03-31 10:32

Vue3+TS实现语音播放组件的示例代码

目录第一步：点击拖拽进度条第二步：操作媒体音频第三步：进度条和播放进度关联完整代码该功能将使用vue3+TS来实现语音播放组件，使用什么技术不重要，重要的是看懂了核心逻辑后，通过原生js、react、vue2

·2022-03-25 16:54

vite创建vue3+ts+ant design vue项目

1.通过vite命令构建vue3+ts项目npminit@vitejs/apporyarncreate@vitejs/app根据步骤选择项目名称框架（vue,react…）js或tsvite官网2.安装

goms·2022-03-24 12:21

vue3+ts项目的shims.d.ts文件报错

问题点importtype{DefineComponent}from'vue'这里花括号报错：[ts]此处应为"="这里'vue'报错：[ts]此处应为";"纠错修改tsconfig.json文件在compilerOptions中添加typeRoots"compilerOptions":{"typeRoots":["src/globalDeclare"]}然后将importtype{DefineC

·2022-03-24 11:48

vite-plugin-mock配置和net::ERR_NAME_NOT_RESOLVED问题解决

我们以vue3+ts项目为例。首先，在项目根目录创建文件夹mock用来保存mock的相关文件。然后，我们在mock文件夹中创建index.ts入口文件和HelloWorld.ts测试文件。/

acgCode·2022-03-16 09:29

module ‘*.vue‘ has no exported member ‘xxx‘

问题出现场景：在vue3+ts学习过程中遇到报这个错bug复盘在启动写vue项目后，新增一个vue，这个script标签中未添加lang=ts修改scriptlang=ts后，发现无论怎么修改ts都会报这个错

27℃凉白开·2022-03-16 09:45

module ‘.vue‘ has no exported member ‘xxx‘

问题出现场景：在vue3+ts学习过程中遇到报这个错bug复盘在启动写vue项目后，新增一个vue，这个script标签中未添加lang=ts修改scriptlang=ts后，发现无论怎么修改ts都会报这个错

brhref·2022-03-16 09:14

Module ‘“vue“‘ has no exported member ‘ref‘

最近在尝试使用vue3+Ts遇见的问题，引用vue模块时老是弹出这个提示在网上查询很多相关资料说时Typescript版本和vue3兼容的问题尝试了根据别人提供的版本把typescript升级到4.3.5npmitypescript

Ajaxguan·2022-03-16 09:12

vue3+ts 搭建系统问题小结

自定义组件v-model报错"不能将类型“{modelValue:{week:string;number:number;startTime:string;endTime:string;}[];}”分配给类型“IntrinsicAttributes&(Partial&Omit>>>)&(VNodeProps&...2more...&Readonly),never>)”。\n不能将类型“{modelV

drneilc·2022-03-15 16:57

Vue3+TS Day40、Day41、Day42、Day43 - 爷孙动态插槽、 Echarts

day401、这节主要涉及内容①hyform中的input、picker双向绑定思路②分页器相关细节处理③用户权限管理逻辑的代码思路2、爷孙组件如何定义动态插槽？主要是对默认插槽、具名插槽、作用域插槽、动态名插槽的掌握把插槽和代码中的block或闭包对比，就可以比较完美的理解插槽的作用了。day411、本章主要内容①删除用户功能实现②编辑和创建新用户的功能实现2、众所周知，vuex中的数据是响应式

望穿秋水小作坊·2022-03-10 17:44

Vue3+TS Day01 - 邂逅Vue3 debug源码

一、初识Vue1、Vue的读音是什么？对于Vue的官方定位是什么？读音：view。官方定位：是一套基于构建用户界面的渐进式JavaScript框架。2、什么是【渐进式】框架？表示我们可以在项目中一点点来引入和使用Vue，而不一定需要全部使用Vue来开发整个项目。3、目前前端最流行的三大框架是什么？如何从数据对比它们的流行程度（主要是思路）？Vue、React、Angular可以从百度指数、谷歌指数

望穿秋水小作坊·2022-03-07 09:05

Vue3+TS + vite 创建项目

一、首先给大家介绍一款极速搭建项目的构建工具（vite）vite是一个由原生ESM驱动的Web开发构建工具，打开vite依赖的package.json可以发现在devDependencies开发依赖里面已经引入了TypeScript，甚至还有vuex,vue-router,less,sass这些本地开发经常需要用到的工具。vite轻量，开箱即用的特点，满足了大部分开发场景的需求，作为快速启动本地V

仰.·2022-02-20 14:06

TS + Vue3.0

课程指南：Vue3+Ts快速上手面试题TS1-什么是TS2-TypeScript和JavaScript的区别是什么？3-为什么要用TypeScript？

江哦_·2022-02-09 09:08

期待已久的鹅厂面试题来咯，Vue3实现递归菜单组件

前言这是一篇Vue3+TS实现递归组件的文章。需求可以先在GithubPages中预览一下效果。

WEB前端含光·2022-02-05 06:12

Vue3/React + TypeScript 的最佳实践

Vue3+TS最佳实践demo项目demoReact+TS最佳实践demo项目demo

·2021-12-31 12:20

Vue3+TS Day35 - type、typeof、infer、instanceType、路由守卫、本地缓存工具类、vuex设计、跨域问题、父组件如何调用子组件的方法

一、基础知识补充1、思考在login-account.vue文件中exportdefaultdefineComponent({})，导出的是对象{}，如果在外部通过ref拿到还是对象{}吗？（这个很重要，但是可能要学完回顾源码的时候才能理解了）image.png2、type关键字是JavaScript中的还是TypeScript中的？有什么用？【type】属于TypeScript中的关键字【作用】

望穿秋水小作坊·2021-12-29 14:57

前端开发中如何使用Vue3+TS来开发项目

TypeScript是JS的一个超集，主要提供了类型系统和对ES6的支持，使用TypeScript可以增加代码的可读性和可维护性，在react和vue社区中也越来越多人开始使用TypeScript。从最近发布的Vue3正式版本来看，Vue3的源码就是用TypeScript编写的，更好的TypeScript支持也是这一次升级的亮点。前端培训当然，在实际开发中如何正确拥抱TypeScript也是迁移至

·2021-10-19 14:32

vue3+ts项目按需引入vant

项目是wepback的项目,使用vue3+ts按需引入wepback前按照vant官网所说的,安装最新版vant,接着由于是vue3+ts,所以babel-plugin-import无法实现按需引入,所以第一步安装两个插件

·2021-10-03 21:42

VSCode 中，TS 提示 ”无法找到 *.vue 声明文件“ 的解决方案

在使用VSCode开发Vue3+TS项目时，编辑器一直有一个报错，因为不影响编译和运行，所以就一直没在意，但这两天看着这红杠提示实在是太别扭，今天就来解决一下这个问题，还自己一个清爽的开发环境。

·2021-10-03 21:14

vue3+ts获取第三方组件内类型并在ref中使用

前言最近在将项目从vue2重构至vue3+ts,在其中遇到了很多的坑，这篇文章讲一下如何获取第三方组件的类型，并结合refapi来获取子组件的节点数据代码实现首先讲一下vue3.x版本composition-api

oil欧哟·2021-10-03 12:12

利用vue3+ts实现管理后台（增删改查）

简单的管理后台基本上就是数据的增删改查。主要就是列表+form表单。每个页面的逻辑基本上都相同。不同的地方就是每个页面需要调用的具体API及参数。以前vue2的时候最简单的做法是写出来一个页面的逻辑，然后直接copy到各个页面中，修改API及参数即可。高级一点的是利用mixin函数，将可复用逻辑抽离，每个页面引入mixin。vue3之后新增了compositionAPI。本文就是利用composi

·2021-08-19 13:41

vue3+ts 自定义hooks操作,在页面上获取x,y轴坐标

vue3+ts自定义hooks操作,在页面上获取x,y轴坐标创建项目：vuecreatedemo选择：Default(Vue3)([Vue3]babel,eslint)要把Typescript选择上选择

前端酱紫·2021-08-04 17:02

推荐频道

vue3+ts