vue3+ts 第11页

vue3+ts的基础使用

vue3+ts的基础使用ref属性类型确定时有以下四种方式限制类型：import{ref,Ref}from'vue'//属性接口interfacebook{name:stringprice:number

爱前端的小怪兽·2022-12-02 21:26

Vue3+TS教程

Vue3组合式API1.钩子函数steup函数的普通用法exportdefault{setup(){return{}}}简写使用setup2.响应式APIref函数import{ref}from'vue'conststate=ref(0)functionincrement(){state.value++}{{state}}reactive函数import{reactive}from'vue'con

会飛的魚，·2022-12-02 21:13

vue3 + ts

vue.create+文件名2.会让你选择，上面的是自己之前选择好的，你也可以搭建的时候直接选择就可以3.按空格可以选中取消，我一般选择的是这几个4.选择v.35.接下来就是自己决定的YesorNo，这样vue3

一笔浓墨画佳人·2022-12-02 21:34

vite构建vue3+Ts项目

利用vite创建vue3项目目录利用vite创建vue3项目一.搭建一个Vite项目¶首先安装vite以下是安装方式第二步通过命令行安装想要的模板完善项目结构第三方库集成安装vue-router安装vuex配置store./src/main.ts中引入storevite+vue3+ts路径别名配置配置path引入时的报错解决css样式处理下载相关预处理器配置index.scss文件main.ts文

K可。乐L·2022-12-02 21:26

Ts基础知识及ts+vue3的基本使用

类型别名与接口三、类型保护1.类型断言2.in关键字3.typeof关键字4.instanceof关键字5.配置判断函数四、泛型1.泛型类型2.泛型约束========================vue3

大橘为重¨·2022-12-02 21:21

详细vite创建vue3项目(vue3+vue-router+ts+vite+element-plus+pinia)

vite创建vue3+ts项目为何选择vite：vite是一个基于Vue3单文件组件的非打包开发服务器，它做到了本地快速开发启动：快速的冷启动，不需要等待打包操作；即时的热模块更新，替换性能和模块数量的解耦让更新飞起

大虾写代码·2022-11-21 18:40

使用ExcelJS实现excel的前端导入导出功能(Vue3+TS)

公司项目需要导出表格为报表，尝试了xlsx、sheetjs以及js-xlsx各种库，但是总有不满足需求的点（比如设置行高列宽、居中、合并单元格、添加背景色等等）或者API太少写起来太繁琐，最后找到ExcelJS能够实现所有需求。ExcelJS：读取，操作并写入电子表格数据和样式到XLSX和JSON文件。一个Excel电子表格文件逆向工程项目。github中文文档：https://github.co

侃侃·2022-11-18 12:04

Vue3+Typescript滑动验证，无其他依赖。

目录基于滑动式的验证码，免于字母验证码的繁琐输入用于网页注册或者登录VUE3+TS实现快速使用1.项目中引用props事件实例APIdescriptionexample基于滑动式的验证码，免于字母验证码的繁琐输入用于网页注册或者登录

monoplasty·2022-11-10 19:22

vue3+ts 登陆页面，前端实现滑块验证

验证通过拖动滑块校验请拖动滑块完成校验登录//ref:用于声明基础类型响应式数据,reactive:用于声明复杂类型响应式数据。unref:如果参数是一个ref则返回它的value，否则返回参数本身import{reactive,ref,unref,onMounted,inject,getCurrentInstance}from"vue";//接口import{login}from"@/api/U

小南瓜地·2022-11-10 19:44

VUE3+TS（父子、兄弟组件通信）

目录父传子子传父父读子（子传父）（父调用子的值和方法）兄弟（任意组件）通信引入Mitt来完成任意组件通信父传子1、统一规范写法，通过在子组件标签上绑定属性和值，来传递到子组件，子组件再通过defineProps来接收，先给其定义类型再用withDefaults是为了在不传递的时候给其一个默认值//父组件直接在标签发送//子组件定义类型再接受//?表示可传可不传typeProps={aaa?:Str

Johnson_9·2022-10-31 19:18

vue3+ts实际开发中该如何优雅书写vue3语法

目录vue3语法的发展优势CompositionApi类型约束编译器宏definePropsdefineEmitsdefineExpose总结vue3语法的发展Vue3在早期版本（3.0.0-beta.21之前）中对compositionapi的支持，只能在组件选项setup函数中使用。在3.0.0-beta.21版本中增加了的实验特性。如果你使用了，会提示你还处在实验特性阶段。在3.2.0版本中

·2022-10-31 13:50

花了三个月，终于把个人网站写完了

网站地址：瞳孔空间项目代码：eyesSpace（权限服务代码没开源，但不影响阅读业务逻辑）详细介绍可以看我录的视频：花了三个月，终于把个人网站写完了一：介绍技术栈：前端：Vue3+TS后端：SpringCloud

_瞳孔·2022-10-21 10:29

uni-app弹出层uni-popup使用以及修改默认样式

使用vue3+ts，使用组合式api首先看看在vue3+ts+setup下的使用：弹出你好import{ref}from"vue";//这里的这个变量名，必须和上面的ref="popup"的变量名相同，

lsjweiyi·2022-09-29 18:05

Vue使用pinia管理数据 pinia 持久化存储

Vue使用pinia管理数据Vue3+TS步骤：在main.ts中注册piniaimport{createPinia}from'pinia'constpinia=createPinia()app.use

wendyymei·2022-09-24 19:26

2022全面升级Vue3 + TS 仿知乎专栏企业级项目完结内置文档

download：2022全面升级Vue3+TS仿知乎专栏企业级项目完结内置文档Spring5源代码5-Bean生命周期后处理器主要解释三种生命周期增强剂:beanfactorypostprocessor

·2022-09-23 16:52

2022全面升级Vue3+TS 仿知乎专栏企业级项目

download：2022全面升级Vue3+TS仿知乎专栏企业级项目Golang-单元测试和模拟框架的介绍和推荐简介:探索golang的单元测试框架，看看哪个框架与业务经验结合得更好。

·2022-09-19 21:33

2022全面升级Vue3 + TS 仿知乎专栏企业级项目完结无密含资料

download：2022全面升级Vue3+TS仿知乎专栏企业级项目完结无密含资料一条SQL语句从头到尾1.一段SQL是怎样降生的？SQL语句都降生在客户端。

·2022-09-19 16:17

使用Vue3+TS 封装当前时间的hook

没什么话想说的，showcode！(其实很烂)代码冗余也懒得改了…封装:hook>useTime.tsimport{ref,reactive,onMounted,onUnmounted}from'vue'/***如果当前分钟和秒钟是小于10的话，前面加一个0***/exportdefaultfunctionuseTime(){letnow=reactive(newDate())lethour=re

vernin·2022-09-10 19:04

手把手教学：VUE3+TS组件库开发与发布

前言当市面上主流的组件库不能满足我们业务需求的时候，那么我们就有必要开发一套属于自己团队的组件库。以下用一个简单的组件来讲述基于Vue3.0+TS的组件从开发到发布npm仓库的全过程（参考element-plus）环境这里列出本文所使用的环境版本vue3.0vue/cli4.5.9nodeJs14.15.1npm6.14.8>vue--version@vue/cli4.5.9>npm-v6.14.

韭阿哥·2022-09-05 19:56

vue3+elementui使用方式（完整，包括创建项目）

npminitvite@latest（vue3+ts）第一次创建项目第一个默认选择y，我这里面截图因为是第二次创建，所以就没出现。

你知不知·2022-09-02 17:55

Vue3项目添加 ESLint 和 Prettier

Vue3+TS项目中增加ESLint和Prettier背景eslint用于校验代码语法规范，保证项目质量；prettier用于保证项目代码的格式与风格；Vue3项目初始化参考搭建Vite项目#npm6.

·2022-09-02 16:55

vue3+ts如何通过lodash实现防抖节流详解

目录安装lodash防抖节流补充：vue3引入lodash报错总结安装lodashnpmi--save-dev@types/lodash在组件中引入lodashimport*as_from'lodash'防抖_.debounce(func,[wait=0],[options=])函数在延迟几毫秒之后才执行，也就是停止改变几秒后执行参数func(Function):要防抖动的函数。[wait=0](

·2022-08-30 19:07

Vue3 携手 TypeScript 搭建完整项目结构

目录一、项目搭建二、OptionAPI风格三、CompositionAPI风格refreactive四、自定义Hooks五、小建议六、一个完整的Vue3+ts项目七、结束TypeScript是JS的一个超级

·2022-08-25 09:39

vue3项目新用户引导组件(driver.js)

好用的用户引导插件有intro.js和driver.js两个，对比了一下，最终还是使用了driver.js主要有以下原因：用法简单可以商用总要选一个吧项目使用的是vue3+ts因为多个地方需要使用引导，

行者-龙·2022-08-20 18:27

分享一个vue3+ts的图片瀑布流组件

功能实现图片瀑布流排列（列宽一致）自定义图片列数保持图片原始宽高比例自定义行列间距自定义图片内间距自定义图片字段importMWaterfallfrom"@/components/m-waterfall/index.vue"import{defineProps,nextTick,onMounted,reactive,ref,watch}from"vue";interfaceIImgData{src

行者-龙·2022-08-20 18:55

2022微信小程序包体积优化，微信小程序公共代码体积优化

最近公司在做微信小程序包体积优化，先从wepy1.X迁移到了uniapp（vue3+ts）,然后还遇到一个很常见的问题，微信小程序的公共代码，或者多个分包的非公共代码怎么放，怎么优化，话不多说，这里记录一下如以下情况

kyle背背要转运·2022-08-18 10:25

Vue3+TS快速上手

文章目录一、TypeScript快速上手初识TypeScript安装TypeScript第一个TypeScript程序TypeScript常用语法基础类型接口类函数泛型二、认识vue3认识vue3创建vue3项目CompositionAPI（常用部分）一、TypeScript快速上手初识TypeScriptTypeScript是JavaScript的一个超集，主要提供了类型系统和对ES6+的支持，

偷一只猪ma·2022-08-13 13:11

Vue3+TS——使用@代替src路径中的../

使用@代替src路径中的../安装pathnpminstallpath--save找到vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importComponentsfrom'unplugin-vue-components/vite';import{VantResolver}from'unpl

Nanchen_42·2022-08-13 13:35

报错： Error: Cannot find module ‘vue-template-compiler‘

报错：Error:Cannotfindmodule‘vue-template-compiler’新建Vue3+ts项目时，正常创建项目，如图：但是回车后报错：一脸懵逼，回头看了一下自己创建项目的步骤，是这样的

可可爱爱的你吖·2022-08-05 08:17

基于Vue3+TS封装的Table表格

{{(page.index-1)*page.size+scope.$index+1}}import{defineComponent,reactive,ref,onActivated,onMounted}from'vue'exportdefaultdefineComponent({props:{data:{type:Array,default:()=>[]},//数据源select:{type:Ar

Web小能手·2022-07-31 15:21

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

多一些不为什么的坚持这里是大眼(◉ɷ◉)萌–贤蛋，一名很普通但不想普通的程序媛本文章收录于专栏：Vue3+Ts管理系统Vue3+Ts--管理系统011.项目搭建2.代码规范2.1集成editorconfig

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

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+ts