E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Vue3+TypeScript
TypeScript 中的 type 和 interface:你真的了解它们的不同吗?
不管是公司新项目技术选型还是个人学习开发新的前端项目,
Vue3+TypeScript
已经成为首选技术方案之一在TypeScript这个强大的静态类型系统中,type和interface是两个重要的关键字
·
2024-03-02 05:20
TypeScript+Vue3+Vite+VueRouter+Pinia的项目搭建
1.TypeScript+Vue3+Vite+VueRouter+Pinia的项目搭建1.1使用Vite初始化
Vue3+TypeScript
项目开发Vue3项目首先要确保电脑上安装了Vite脚手架,本节课程略过
随风小薇
·
2024-02-20 17:21
vue
typescript
javascript
pinia
尚硅谷Vue3入门到实战,最新版
vue3+TypeScript
前端开发教程笔记
1.Vue3简介2020年9月18日,Vue.js发布版3.0版本,代号:OnePiece(n经历了:4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址:Releasev3.0.0OnePiece·vuejs/core截止2023年10月,最新的公开版本为:3.3.41.1.【性能的提升】打包大小减少41%。初次渲染快55%,更新渲染快133%。内存减少54%。1.2.【
Labeex
·
2024-02-11 11:15
前端学习
typescript
笔记
javascript
vue
尚硅谷
Vue3+TypeScript
学习笔记(下)
目录五、组件通信5.1.【props】5.2.【自定义事件】5.3.【mitt】5.4.【v-model】5.5.【$attrs】5.6.【$refs、$parent】5.7.【provide、inject】5.8.【pinia】5.9.【slot】1.默认插槽2.具名插槽3.作用域插槽六、其它API6.1.【shallowRef与shallowReactive】shallowRefshallow
编程抗氧化
·
2024-02-11 11:44
#
Vue
typescript
学习
笔记
vue
vue3
props
组件通信
尚硅谷
Vue3+TypeScript
学习笔记(中)
目录三、路由3.1.【对路由的理解】3.2.【基本切换效果】3.3.【两个注意点】3.4.【路由器工作模式】3.5.【to的两种写法】3.6.【命名路由】3.7.【嵌套路由】3.8.【路由传参】query参数params参数3.9.【路由的props配置】3.10.【replace属性】3.11.【编程式导航】3.12.【重定向】四、pinia4.1【准备一个效果】4.2【搭建pinia环境】4.
编程抗氧化
·
2024-02-10 21:03
#
Vue
typescript
学习
笔记
pinia
vue3
vue
路由
尚硅谷
Vue3+TypeScript
学习笔记(上)
目录一、创建Vue3工程1.1.【基于vue-cli创建】1.2.【基于vite创建】(推荐)1.3.【一个简单的效果】二、Vue3核心语法2.1.【OptionsAPI与CompositionAPI】OptionsAPI的弊端CompositionAPI的优势2.2.【拉开序幕的setup】setup概述setup的返回值setup与OptionsAPI的关系setup语法糖2.3.【ref创建
编程抗氧化
·
2024-02-10 21:32
#
Vue
typescript
学习
笔记
vue
vue3
vue.js
setup
【
Vue3+TypeScript
】快速上手_代码
目录001_写一个APP组件002_一个简单的效果003_setup概述004_setup的返回值005_setup与OptionsAPI的关系006_setup语法糖007_ref创建_基本类型的响应式数据008_reactive创建_对象类型的响应式数据009_ref创建_对象类型的响应式数据010_ref对比reactive011_toRefs与toRef012_computed计算属性01
开五档的蒙奇
·
2024-02-01 07:06
vue
vue.js
typescript
Vue3+TypeScript
该如何结合使用,这一篇保证你学会
vue3学会了,TypeScript也学会了,但是动手
vue3+TypeScript
后,发现很多问题,我在这里根据自己多年的经验整理分享
vue3+TypeScript
所有细节更多学习资源点我获取vue31
小江的博客
·
2024-01-30 12:34
前端
typescript
vue.js
前端
vue3+typescript
【2】
method中this的指向注意,不应该使用箭头函数来定义method函数(例如plus:()=>this.a++)。理由是箭头函数绑定了父级作用域的上下文,所以this将不会按照期望指向组件实例,this.a将是undefined。写一个箭头函数时,这个this就是window快捷模板文件->首选项->配置用户代码->html.json:{"Printtovue":{"prefix":"vue"
女德班吊车尾
·
2024-01-27 00:19
vue3+typescript
typescript
前端
javascript
【解决】使用Element-Plus icon图标不显示
使用Element-Plusicon图标不显示的解决方案博主环境:
Vue3+TypeScript
已经安装:@element-plus/icons-vue就是不显示图标,但也不报错一般这种情况就是import
不吃水果的太空人
·
2024-01-26 01:12
前端
vue.js
前端
javascript
typescript
elementui
Vue3+Typescript
(coderwhy)超详细学习笔记(四)Vue3开发基础语法(二)计算属性/watch/综合案例
(关注我可接受到更新私信推送)课程以及资料请加coderwhy老师购买请注意看文章有无更改一.OptionsAPI1.1.computed1.1.1.(理解)认识计算属性computed我们知道,在模板中可以直接通过插值语法显示一些data中的数据。但是在某些情况,我们可能需要对数据进行一些转化后再显示,或者需要将多个数据结合起来进行显示;比如我们需要对多个data数据进行运算、三元运算符来决定结
coderYYY
·
2024-01-21 02:25
Vue学习笔记
Vue
Vue3+Ts
typescript
学习
javascript
前端
vue
使用vue3+ typeScript 开发小程序
前提要求是使用
vue3+typescript
进行开发小程序和H5的跨端应用选择框架在uniapp和taro这两个之中进行选择在参了官方和社区示例后最终选择了taro。
dexterII
·
2024-01-20 19:30
vue3+typescript
(Echarts tooltip中formatter自定义并求和)
vue3+typescript
(Echartstooltip中formatter自定义并求和)文章目录
vue3+typescript
(Echartstooltip中formatter自定义并求和)一、自定义
yasuo56
·
2024-01-15 03:34
echarts
typescript
javascript
Vue3 实现麦克风实时音量检测
文章目录1前言2功能实现2.1新建vumeter.js2.2新建useVolume.ts2.3新增音量检测展示容器1前言本文基于
Vue3+TypeScript
实现实时音量检测,其他语言可修改相应写法2功能实现
YanaDH
·
2024-01-09 01:04
Vue3
JavaScript
javascript
开发语言
ecmascript
vue3+typescript
项目中读取window对象中属性报错
问题在vue3+ts开发的项目中,获取挂载在window对象上的属性a报错image.png解决方法使用类型断言缺点:在any类型的变量上,访问任何属性都是允许的。它极有可能掩盖了真正的类型错误,所以如果不是非常确定,就不要使用asany。(windowasany).a=1;类型申明在src根目录*.d.ts文件中进行类型申明interfaceWindow{a:any;}
俄小发
·
2024-01-02 13:27
【
Vue3+TypeScript
】快速上手_笔记
前言1.Vue3简介2020年9月18日,Vue.js发布版3.0版本,代号:OnePiece(n经历了:4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址:Releasev3.0.0OnePiece·vuejs/core截止2023年10月,最新的公开版本为:3.3.41.1.【性能的提升】打包大小减少41%。初次渲染快55%,更新渲染快133%。内存减少54%。1.2
开五档的蒙奇
·
2023-12-26 08:07
vue
vue.js
typescript
vue3 + TypeScript使用国际化
vue3+TypeScript
使用国际化本文使用了Vite构建工具创建的vue3项目Vite支持使用特殊的import.meta.glob函数从文件系统导入多个模块Vite官方中文文档当然如果你的vue3
你的眼睛會笑
·
2023-12-22 20:14
typescript
javascript
前端
vue3+TypeScript
自定义指令:长按触发绑定的函数
偶然间看到一个在vue2中写的长按触发事件的自定义指定,想着能不能把他copy到我的vue3项目中呢。编写自定义指令时遇到的几个难点1.自定义指令的类型在ts中写任何东西都要考虑到类型的问题,自定义指令的类型问题依然存在2.在ts中使用setTimeout()函数setTimeout()函数的默认返回值是一个随机的number,这个number代表了这个计时器的唯一id,但是并不能直接将其类型定义
忧郁的蛋~
·
2023-12-19 17:21
前端技术
vue.js
javascript
前端
vue3+TypeScript
全局事件总线mitt
在vue3中$on,$off和$once实例方法已被移除,组件实例不再实现事件触发接口,因此大家熟悉的EventBus便无法使用了。然而我们习惯了使用EventBus,对于这种情况我们可以使用Mitt库npmimitt-S首先要在全局挂载mitt在app.config.globalProperties上挂在$Bus使用ts必须要拓展ComponentCustomProperties类型才能获得类型
忧郁的蛋~
·
2023-12-19 17:21
前端技术
typescript
javascript
前端
Vue3+TypeScript
实现瀑布流布局
瀑布流布局(WaterfallFlowLayout)是一种常用于网页设计的布局方式,它可以实现图片或内容的自适应排列,使页面看起来更加美观和流畅。先看实现效果:下面是使用vue实现瀑布流布局的一般步骤:1.定义列数、行间距、列间距2.容器设置为相对定位、item设置为绝对定位3.获取容器宽度:容器总宽度-内边距(paddingLeft+paddingRight)4.计算每列宽度:(容器宽度-列间距
远小帅
·
2023-12-16 05:12
Vue.js
前端
typescript
前端
vue
javascript
Vue+SpringBoot项目开发:登录页面美化,登录功能实现(三)
写在开始:一个搬砖程序员的随缘记录上一章写了从零开始Vue+SpringBoot后台管理系统:
Vue3+TypeScript
项目搭建Vue+TypeScript的前端项目已经搭建完成了这一章的内容是引入
方糖敲代码
·
2023-11-25 23:22
vue
我做了一个vue3的js版管理系统,基于 Vue 3 + js + Pinia +Vite + Ant Design Vue 构建,快来瞧瞧
基于Vue3+js+Pinia+Vite+AntDesignVue构建做这个项目主要原因:全网大都是
Vue3+TypeScript
版本的,soso决定做一个JavaScript版本
书中枫叶
·
2023-11-24 20:10
javascript
vue.js
开发语言
如何创建和搭建
Vue3+typescript
创建Vue3项目使用npmnpmcreatevite@latest使用yarnyarncreatevite使用pnpmpnpmcreatevite恢复node_modules使用npmnpmi使用yarnyarn启动项目使用npmnpmrundev使用yarnyarnrundev下载其他插件下载sass使用npmnpminstallsass-loader使用yarnyarnaddsass下载vue
花~海
·
2023-11-12 20:48
typescript
javascript
前端
Vue3+TypeScript
从入门到进阶(七)——项目实战——附沿途学习案例及项目实战代码
文章目录一、简介二、Vue2和Vue3区别三、Vue知识点学习四、TypeScript知识点五、项目实战一.代码规范1.1.集成editorconfig配置1.2.使用prettier工具1.3.使用ESLint检测1.4.gitHusky和eslint1.5.gitcommit规范1.5.1.代码提交风格1.5.2.代码提交验证二.第三方库集成2.1.vue.config.js配置2.2.vue
wuyxinu
·
2023-10-19 10:02
Web前端
Vue
笔记
typescript
学习
vue.js
[vue3]
vue3+typescript
上手案例:实现todoList
前言todoList是常见的手撸代码题了。通过vue3的compositionapi实现todoList,掌握setup、ref、reactive、watch、toRefs、toRef等钩子函数,快速上手vue3+ts技术栈。建议有vue2基础的边看官方文档边做,以便快速熟悉相关hook,最后的实现效果图如下:下面直接上代码。Index页面App.vueTodoListimport{defineC
豆子前端
·
2023-10-19 10:29
前端
typescript
vue.js
javascript
深入
Vue3+TypeScript
技术栈-课程文章目录
深入
Vue3+TypeScript
技术栈-课程文章目录课程核心文章目录深入
Vue3+TypeScript
技术栈-课程文章目录课程核心1.0Vue3核心知识深入解析2.0Vue-Router4.x,Vuex4
以码平川
·
2023-10-17 02:43
vue3
webpack
前端
vue3父子组件间传参通信
@[TOC]父子组件通信前言本文主要是记录Vue3在setup语法糖下的父子组件间通信的四种方式
Vue3+TypeScript
一、父传子—props父组件传值给子组件主要是由父组件为子组件通过v-bind
会敲代码的指尖
·
2023-10-16 13:25
前端
typescript
Vue3+TypeScript
template中使用$store报错
问题描述:
Vue3+TypeScript
中在template会报找不到"$store"的警告我使用的解决方法:在src/shims-vue.d.ts文件中加入declarelet$store:anyStackOverflow
地球OL太难玩
·
2023-10-15 02:21
前端
H5
typescript
Vue3
Vue3 + TypeScript + Vite + Eslint详细配置
前言在使用
Vue3+TypeScript
的过程中,这种写法在适应之后,确实更加舒服,通过Vue3的setup语法糖,我可以将一个功能模块的所有东西,都写到一个片段中,而不是像之前一样,一个功能涉及到的变量
Alazhaka_Wq
·
2023-10-11 19:48
typescript
javascript
vue.js
Vue3+TypeScript
一、Vue3带来的变化(源码)源码通过monorepo的形式来管理源代码口Mono:单个口Repo:repository仓库口主要是将许多项目的代码存储在同一个repository中;口这样做的目的是多个包本身相互独立,可以有自己的功能逻辑、单元测试等,同时又在同一个仓库下方便管理口而且模块划分的更加清晰,可维护性、可扩展性更强源码使用TypeScript来进行重写:口在Vue2.x的时候,Vue
黛乔
·
2023-10-09 06:39
Vue3+TypeScript
typescript
javascript
前端
vue3+TypeScript
引入插件出现红色波浪线问题
解决办法:在en.d.ts文件中声明,例如:declaremodule"json-editor-vue3"{constvis:any;exportdefaultvis;}
打盹的小pig
·
2023-10-07 17:44
typescript
javascript
前端
Vue3+TypeScript
封装Axios
在Vue3中,基于TS,封装的一个Class类Axios该类中封装了:1)不同使用范围的拦截器2)在请求拦截器中封装每个请求携带的token3)在请求/响应拦截器中对错误进行处理【两种处理方式,及对axios封装好的数据进行处理】4)在请求/响应拦截器中添加loading/移除loading【element-plus的一个组件】5)定义请求数据时,拿到的数据类型接口共四个文件,描述如下:utils
脆脆甜饼日记
·
2023-09-28 17:23
vue3+ts
typescript
前端
vue.js
vue3报错:无法找到模块“./xxx.vue”的声明文件
运行环境:
vue3+TypeScript
在src目录下面vite-env.d.ts文件添加配置;注意:在根目录或src下xxx.d.ts文件都启效果,没有可以创建对应xxx.d.ts文件declaremodule
zhou13528482267
·
2023-09-27 19:17
前端
【
vue3+typescript
高仿知乎】项目学习笔记(二)——TypeScript篇
一、编程语言类型1、动态类型语言(DynamicallyTypedLanguage)是指在项目在运行期间才会做数据类型检查的语言,也就是说我们在编程的时候不用给变量设置指定的类型,只有在项目运行起来后我们才能通过日志发现问题。如:JavaScript、Python、Ruby等弱类型语言。2、静态类型语言(StaticallyTypedLanguage)与动态类型语言正好相反,它的数据类型检查是发生
紫荆峰
·
2023-09-27 13:32
硅谷甄选(
Vue3+Typescript
)
硅谷甄选运营平台此次教学课程为硅谷甄选运营平台项目,包含运营平台项目模板从0到1开发,以及数据大屏幕、权限等业务。此次教学课程涉及到技术栈包含:vue3+TypeScript+vue-router+pinia+element-plus+axios+echarts等技术栈。一、vue3组件通信方式通信仓库地址:https://gitee.com/jch1011/vue3_communication.
振华首席娱记
·
2023-09-27 06:09
typescript
javascript
前端
Vue3+TypeScript
从入门到进阶(四)——Vue3基础知识点(中)——附沿途学习案例及项目实战代码
文章目录一、简介二、Vue2和Vue3区别三、Vue知识点学习1、v-model2、组件化开发六、Webpack和VueCLI学习1、Webpack学习2、Webpack中的Vue3、VueCLI4、Vite学习七、Vue3组件化开发1、组件的嵌套和拆分2、父子组件的通信3、非父子组件的通信4、插槽Slot5、切换组件案例6、Vue中实现异步组件7、引用元素和组件8、生命周期9、v-model八、
wuyxinu
·
2023-09-20 21:20
Web前端
Vue
笔记
typescript
javascript
学习
vue3+ts封装全局节流和防抖函数
在
Vue3+TypeScript
项目中,为了优化性能,经常需要使用节流和防抖函数来控制函数的执行频率。这里我们可以封装全局的节流和防抖函数,方便在整个项目中使用。
三拾老师
·
2023-09-19 19:04
vue.js
javascript
前端
vite + vue3 + ts + esLint + prettier 配置
1.使用pnpm创建一个新的
Vue3+TypeScript
项目pnpmcreatevitemy-project--templatevue-tscdmy-projectpnpminstallpnpmrundev2
weixin_44440116
·
2023-09-10 07:51
前端
前端项目规范
javascript
vue.js
前端
前端
vue3+typescript
架构
1、vuecreat项目名称选择自定义选择需要的依赖选择vue3一路enter,选择eslist+prettier继续enter,等待安装按步骤操作,项目启动成功2、vscode安装5款插件2、代码保存自动格式化,保证每个开发人员代码一致,根目录新建三个文件.editorconfig和.prettierrc和.prettierignore.editorconfig文件如下,无论什么编辑器都按这个格
岳哥i
·
2023-08-28 09:01
前端
vue.js
javascript
在vue3+ts项目里使用query和params传参
在
Vue3+TypeScript
项目中,您可以使用query和params来传递参数。
一花一world
·
2023-08-23 01:32
前端
vue.js
javascript
前端
vue3+typescript+elementPlus生产打包报错
问题描述使用vite创建了一个
vue3+typescript
项目,引入elementPlus在开发环境是正常的没有报错,但是在npmrunbuild打包生产环境时报错Cannotfindname'Nullable
果汁果肉
·
2023-08-19 17:25
前端-初始化
Vue3+TypeScript
如果使用如下命令初始化项目,项目很干净,很适合了解项目的各个结构。npminitvite@latest如果使用如下命令初始化项目,是可以选择你需要的组件npminitvue@latest
Xiao_zuo_ya
·
2023-08-19 10:52
前端
前端
typescript
javascript
【Vue3 + TypeScript】报错 Could not find a declaration file for module ... / 找不到模块或其相应的类型声明
在
Vue3+Typescript
项目中,报错Couldnotfindadeclarationfileformodule.
谢尔登
·
2023-08-18 15:33
TypeScript
Vue
typescript
javascript
前端
Vue3+TS和Vue2+TS的编写示例,同时加上接口约束
以下是
Vue3+TypeScript
和Vue2+TypeScript的编写示例,同时加上接口约束:Vue3+TypeScriptVue2+TypeScriptVue3+TypeScript{{title
べJL
·
2023-08-12 19:57
vue.js
javascript
前端
typescript
Vue+SpringBoot项目开发:登录页面美化,登录功能实现(三)
写在开始:一个搬砖程序员的随缘记录上一章写了从零开始Vue+SpringBoot后台管理系统:
Vue3+TypeScript
项目搭建Vue+TypeScript的前端项目已经搭建完成了这一章的内容是引入
方糖敲代码
·
2023-08-12 18:39
vue.js
spring
boot
前端
Vue+SpringBoot后台管理系统:
Vue3+TypeScript
项目搭建(一)
写在开始:一个搬砖程序员的随缘记录文章目录一、Node安装二、VueCLI安装三、相关的版本四、创建
Vue3+TypeScript
项目五、Vue项目初始化六、项目启动一、Node安装查看Note版本node-v
方糖敲代码
·
2023-08-12 18:08
typescript
vue.js
spring
boot
Vue3+TypeScript
+ vite 创建项目步骤
项目搭建vitenpminitvite-app//或者yarncreatevite-appvue-cli如果已经全局安装过旧版本的vue-cli,先卸载。npmuninstallvue-cli-g//yarnglobalremovevue-cli安装新版@vue/clinpminstall-g@vue/cli//或者yarnglobaladd@vue/cli//检查vue版本号vue-V//创建项
star@星空
·
2023-08-12 07:02
vue3
typescript
vue.js
javascript
哔哩哔哩移动端项目:Vue3.2 + TS + Axios入门到实战
这次实战能让大家了解到
Vue3+TypeScript
的真实开发情况。格局打开,拥抱技术未来!【课程推荐】手写B站移动端:Vue3.2+TS+
骨灰级收藏家
·
2023-08-11 22:12
前端
Vue项目
JavaScript
javascript
前端
typescript
组件库
Vue
搭建qiankun Demo
公司现在前端技术栈
vue3+typeScript
,所以使用vue-cli4脚手架来创建我们的父子应用$vu
山上有桃子
·
2023-08-07 15:43
vue-baidu-map-3x 使用记录
在
Vue3+TypeScript
项目中,为了采用标签组件的方式,使用百度地图组件,冲浪发现了一个开源库ovo,很方便!
Lyrelion
·
2023-08-06 11:09
ArcGIS
百度地图
上一页
1
2
3
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他