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
Vue+ts
vite创建vue3+ts项目
vite官网创建项目https://cn.vitejs.dev/guide/#community-templates我是一步一步来执行命令行创建(项目名称选择了默认的,其他选择了
vue+ts
)兼容性注意
是刘小刘啊
·
2023-01-11 07:12
vue3学习
vue.js
前端
vite搭建vue3+ts项目(包含sass,vue-router)
vue3.0官网:https://cn.vuejs.org/vite官网:https://vitejs.cn/二.通过vite进行创建的步骤npminit@vitejs/app创建项目的名字选择vue选择
vue
@luffy27
·
2023-01-11 07:08
前端
vue.js
Vite+Vue3+Ts项目搭建(全套解决方案Vuex、VueRouter、elementplus、NaiveUI、全局深色模式、中英文切换)
Projectname:»vite-devil-control#然后选择vue(通过上下箭头切换,回车确定)#然后选择vue或
vue+ts
集成Vue-Rout
CV大魔王
·
2023-01-10 03:51
vue
vue3
vite
typescript
国际化
深色模式
vue+ts
项目 想引入第三方js 如jq
1.TS引入js需要声明文件jquery.js同级别新建jquery.d.ts文件声明exportdefaultjquery;然后就能正常使用了
刘逃
·
2022-12-14 09:19
前端
vue
ts
vue.js
typescript
jquery
搭建 vite + vue3 项目
二、通过vite创建项目1.通过vite创建
vue+ts
项目注意:经过我的测试,使用cnpmcreatevite时不能自定义项目名称;所以推荐使用npm或者yarn//创建项目=>vite-testyarncreatevite
halo1416
·
2022-12-11 19:05
vue3
vue3
vite
vue-router4
vuex4
element-plus
Vue+TS
参考资料网址:Vue3+TS快速上手第一课快速链接笔记:安装TypeScript:cmd-npminstall-gtypescript检查安装:tsc-V实例代码如下:(()=>{//str这个参数是string类型的functionsayHi(str:string){return"hello"+str;}lettext="测试TS文件";console.log(sayHi(text));})()
编程five
·
2022-12-02 21:27
vue.js
typescript
javascript
vue中使用ts配置的具体步骤
因此我根据一些入门教程利用vue结合ts编写了文档,适合入门配置
vue+ts
项目
·
2022-08-16 10:17
问题七:
vue+ts
The left-hand side of an assignment expression may not be an optional property?
用ts定义了一个变量,并且用接口做类型定义的,但是赋值的时候就报错???解决办法:解决的办法是赋值之前先判断是否存在
LeviAckerman_Js
·
2022-07-31 15:52
前端
TS
Vue
vue
js
ts
一步步带你用vite简单搭建ts+vue3全家桶
目录一、vite环境搭建,构建vite-vue-ts项目1、安装vite环境2、使用vite初始化vite+vue+ts的项目3、选择项目类型为
vue+ts
二、项目配置1、vue-router配置2、vuex
·
2022-07-18 18:32
Vue3+TS stylus导出变量供TS(js)使用
简单记录下Vue3如何使用stylus开发环境:vue-cli5一键生成的
Vue+TS
全家桶需求:如下图,有一个variable.module.styl文件定义了全局样式,需要让它可以在各个.vue文件中被调用
Negnulebin
·
2022-07-07 02:18
vue+ts
自定义 Eventbus(observer)
在Vue,我们经常遇到跨组件事件监听和触发的使用场景,通常我们会使用三方库,如Eventbus等,但是不要过于依赖三方库,这类小功能我们完全可以自定义。一、创建observer.ts文件consteventList={};const$on=function(eventName,callback){if(!eventList[eventName]){eventList[eventName]=[];}
硅谷干货
·
2022-06-04 21:15
使用vue-cli创建vue3+ts项目
这篇文章的话,给大家介绍一下怎样用vue-cli搭建
vue+ts
的项目!提示
·
2022-05-16 13:34
vue3+vite+ts+element-plus搭建项目
选择vue使用
vue+ts
开发然后按照提示先进入项目,安装依赖。启动项目二、将代码提交到git上在github上新建一个项目,填写自己项目
·
2022-04-19 20:32
解决
Vue+ts
里面this.$store问题
目录
Vue+ts
里this.$store问题解决办法Vue实践ts中的一些常见错误及解决mixin报错扩展属性报错TS中没有import和export的TS文件变量被视为全局
Vue+ts
里this.
·
2022-03-30 15:09
vite + vue3 + TS 项目搭建问题记录(不定时记录)
,不存在eslint的相关配置,所以需要手动配置#安装依赖npminstalleslnit--save-dev#初始化eslint配置npxeslint--init根据提示去选择你需要的配置,我这里是
Vue
假装文艺浪
·
2022-03-24 12:11
vite创建项目
vue.js
typescript
javascript
@vue/cli 搭建项目
vue+ts
最近接手了一个新的项目,@vue/clivue+ts项目,总结下经验。搭建开发环境。主要参考官方文档。https://cli.vuejs.org/zh/guide/installation.html安装@vue/cli脚手架参考官方文档//我这边直接装当前最新的@vue/cli4.3.1npminstall-g@vue/cliORyarnglobaladd@vue/cli创建项目参考官方文档vue
TPHD
·
2022-02-21 22:46
使用vite搭建vue3.0+ts+element plus+sass项目
安装vite环境yarncreate@vitejs/app使用vite初始化
vue+ts
项目yarncreate@vitejs/appproject-name项目名字,回车选中`vue`回车选中`vue-ts
小鹿儿绵绵
·
2021-11-30 18:39
vue中使用typescript配置步骤
因此我根据一些入门教程利用vue结合ts编写了文档,适合入门配置
vue+ts
项目。1、vue老项目引入TypeScripenpminst
·
2021-11-30 11:56
vue+ts
实现元素鼠标拖动效果
本文实例为大家分享了
vue+ts
实现元素鼠标拖动效果的具体代码,供大家参考,具体内容如下实现效果相关使用属性//clientX鼠标相对于浏览器左上角x轴的坐标;不随滚动条滚动而改变;//clientY鼠标相对于浏览器左上角
·
2021-11-07 14:42
css.requireModuleExtension和css Modules
缘起自己搭的一个
vue+ts
项目,使用到了swiper,版本号为"swiper":"^5.4.5","vue-awesome-swiper":"^4.1.1",按官方文档在main.ts中引入importVueAwesomeSwiperfrom'vue-awesome-swiper
·
2021-09-14 15:05
vue.jscss
Vue3+script setup+ts+Vite+Volar搭建项目
目录使用Vite创建
vue+ts
项目Vue3的三种语法OptionAPICompositionAPIscriptsetup(CompositionAPI的语法糖)安装Volar结尾好久没有写了,最近看到
·
2021-08-23 14:12
webpack4.0手动配置
vue+ts
撸起袖子直接干就完事了第一版:项目结构首先安装node环境,不概述了。然后安装一下webpack的依赖:npmiwebpackwebpackwebpack-cli-D然后配置webpack.config.js。由于开发环境和生产环境的配置有公用的部分。所以把公共部分提取出来。webpack.base.conf.js:首先:npmihtml-webpack-plugin-D(这个plugin的作用是
浅浅婷
·
2021-06-12 11:27
vue实现视频上传功能
本文实例为大家分享了vue实现视频上传功能的具体代码,供大家参考,具体内容如下环境:
vue+TS
上传视频+上传到阿里云主要处理前端在vue下上传视频使用的是阿里云的视频点播服务1、需要后台去申请一个开发
·
2021-04-27 13:05
vue2版本+TS(typescript)+封装api
vue+TS
(typescript)+封装api1、在src下新建一个utli文件夹文件夹下新建一个request.ts文件,在此文件里写如如下代码importaxios,{AxiosInstance,
造梦者FZ
·
2021-04-26 17:32
vue
typescript
vue.js
es6
html5
css3
Vue 中使用jquery: Cannot find name ‘$‘. Did you mean the instance member ‘this.$‘?
报错原因在
vue+ts
项目中使用jquery全局注册后没有在ts声明文件中添加jquery声明报错内容:Cannotfindname'$'.DoyouneedtoinstalltypedefinitionsforjQuery
qq_40314318
·
2021-03-31 14:49
Vue
vue
jquery
ts
ant vue 设置中文_
vue+ts
下对 axios 的封装
本文转载于SegmentFault社区作者:DLLCN正文虽然vue中axios的使用已经十分方便,但是实际我们的日常操作中可能为了接口的规则一致,来创建一个统一管理的全局方法达到简化操作。而且在实际接口对接中,我们大多都需要对请求和响应进行拦截来进行token以及回调状态码的处理。那么我基于自己的需求简单分装了一下。(之前很少接触vue,主要用的ng和react,这次新项目想用vue来弄,熟悉一
首席情感咨询顾问
·
2020-12-29 11:15
ant
vue
设置中文
告别复制粘贴:动态模板生成小技巧-vscode
以
Vue+ts
项目为例,我们在新建一个页面的时候,需要经历一遍又一遍重复的过程:1、先新建一个文件夹2、然后新建一个.vue文件,写上、、3、如果页面涉及多个组件,还要新建component文件夹,并重复以上两个步骤
程序员吴钊
·
2020-11-30 13:24
vscode
vscode
vue ts 设置tslint提示_vue+typescript+antd-design-vue+tsx 终极组件设计模式。
网上大多数
vue+ts
的项目都是用的ts+template但是template对ts的支持有多差,应该都有感受,毕竟用上了ts还用template是没有灵魂的。那tsx到底哪里比template好呢?
weixin_39677106
·
2020-11-23 06:03
vue
ts
设置tslint提示
vue2.0
class声明组件
vue+typescript修改默认端口号
vue+ts
修改默认端口号1.开发环境vue+element+typescript2.电脑系统windows10专业版3.在使用
vue+ts
开发的过程中,根据项目的需求,我们经常会修改修改项目的端口,方法如下
灰太狼的情与殇
·
2020-11-13 17:07
vue.js
typescript
vue+typescript修改默认端口号
vue+ts
修改默认端口号1.开发环境vue+element+typescript2.电脑系统windows10专业版3.在使用
vue+ts
开发的过程中,根据项目的需求,我们经常会修改修改项目的端口,方法如下
灰太狼的情与殇
·
2020-10-09 13:11
vue.js
typescript
Vue -Ts入门 (一)
本文是做
vue+ts
;不会对原vue做过多的说明,如果有问题,欢迎私聊探讨。TypeScript官网链接创建项目vuecreatevue-ts其他你自己按需求吧。
Posden
·
2020-09-15 09:57
Vue
TypeScript
typescript
vue
基于
vue+ts
,运用vue-video-player插件实现视频直播功能(.m3u8)
现在直播太流行了,除了一些直播app,斗鱼,抖音等,就连微信小程序都支持直播功能了但是微信小程序的直播已经由微信官方封装了相对应的api,前端可以直接调用所以,如果现在有个需求,就在web或H5页面通过js实现视频直播相信很多前端前端跟我一样,对第一时间想到websocket的,通过心跳包之类的,但是今天推荐另外一种方式-插件(websocket基本使用,后面文件再讲)我们公司目前使用vue来开发
johnnie_wang
·
2020-08-26 19:44
基于
vue+ts
的上传组件封装(上传+预览<包括图片+PDF>) 功能超全hh
一、依赖包vue-pdf"^4.0.12"v-viewer"^1.5.1"jquery"^3.4.1"element-ui"^2.13.0"二、初衷、思路、想法绝大数后台管理项目和少数C端项目都离不开文件的上传及预览,所以我就做了一个这个自认为适用于绝大多数项目的组件~用户上传图片orPDF,预览上传的文件无论图片orPDF,由于在现在的公司做的主要项目针对的是后台管理,且有的页面上传的文件较多,
蓝海00
·
2020-08-26 18:03
初学者如何学习typescript
前言公司的大屏项目从一开始,我就用了
vue+ts
。所以从那个时候开始就学习了typescript,因为自己本身就是学过java的,所以从官方文档来看也不是很吃力,大概看了一个星期把所有的内容都看完了。
chuxiaoguo
·
2020-08-24 16:02
javascript
typescript
es6
class
前端
vue+ts
实现的原生分页功能
由于项目需求,需要一个分页功能,没有合适的轮子,只好自己造一个了。1.html方面第{{currentPage}}/{{totalPage}}页首页上一页下一页末页class是通过动态绑定实现首页上一页下一页末页的切换的2.数据//这里是数据来源privatelist=[...];privatetotalPage:number=1;//几页privatecurrentPage:number=1;/
C。阳
·
2020-08-15 00:17
vue
原生分页功能-ts版
记一次TypeScript+vue的小坑
vue+ts
的项目创建现在的vue-cli3是支持ts项目的直接创建,很多都不用特别去配置,创建一个ts项目非常方便和快捷。1.使用vuecreatemy-demo直接创建一个项目。
万事屋的阿银
·
2020-08-09 11:02
@types/fastclick在
vue+ts
中的使用
在使用了ts的vue项目中,以往直接安装fastclick不能正常使用,根据提示执行下面命令就好了cnpmi@types/fastclick找到node-modules下面的@types/fastclick/index.d.ts文件,然后打开修改里面内容即可在这里插入代码片declaremodule"fastclick"{//functionfastclick(layer:any,options?
Cynthia_Wiki
·
2020-08-09 05:52
vue
typescript
vue+ts
下对axios的封装
正文虽然vue中axios的使用已经十分方便,但是实际我们的日常操作中可能为了接口的规则一致,来创建一个统一管理的全局方法达到简化操作.而且在实际接口对接中,我们大多都需要对请求和响应进行拦截来进行token以及回调状态码的处理.那么我基于自己的需求简单分装了一下.(之前很少接触vue,主要用的ng和react,这次新项目想用vue来弄,熟悉一下vue的一些新特性和方法,有啥不对的,欢迎大家批评指
DLLCN
·
2020-08-09 04:32
前端
vue集成typescript
最后更新于2018-06-30,技术文具有时效性,请知悉我知道你们早就想用上
vue+ts
强类型了还有后续vue+typescript进阶篇安装vue-cli安装ts依赖配置webpack添加tsconfig.json
弹琴弹琴
·
2020-08-08 14:48
Vue点滴知识
vue
typescript
vue+ts
实现复杂级联选择
一:问题描述:用户购买课程,预期效果:二.级联选择器的需求1.vue+ts实现可复用组件2.已经购买的课程显示disabled且只读3.点击每级的checkbox实现子级的全选与取消全选4.点击每个tab显示子级的所有课程且添加背景5.子级未全选父级显示选一半状态三.组件设计输入:isEditCourse控制级联选择的弹框显示,navTitles为级联选择器的nav数组,searchCourseD
yyXieDaiMa
·
2020-08-07 22:28
vue-cli3+typescript初体验——项目实战
前言上周开始做
vue+ts
的前置准备工作,花了一周时间熟悉vue3基于类——class的写法,主要是vuex、vue-router、props、components、emit、watch等这些东东的使用规则
weixin_34301307
·
2020-08-05 20:13
Vue +TypeScript 关于路由跳转问题
关于
vue+ts
的路由跳转今天遇到了个问题。
做什么梦呢
·
2020-08-05 18:31
vue+ts学习笔记
记录
vue+ts
项目引入echarts方法
第一种indext.html中用script引入组件中调用方式import{Component,Vue}from'vue-property-decorator';declareletecharts:any;//要先声明@ComponentexportdefaultclassaboutextendsVue{privatemounted():void{this.ech();};privateech()
攻城狮Lee丶
·
2020-07-30 18:07
Vue.js
JavaScript
JavaScript武器库
解决Vue 移动端点击出现300毫秒延迟的问题
bodyimportFastClickfrom'fastclick'FastClick.attach(document.body);当better-scroll和fastclick冲突的不能点击的时候:补充知识:@types/fastclick在
vue
·
2020-07-27 11:54
react+typescript+hooks 父组件调用子组件事件方法
最近开始着手做react+ts的项目了,由于以前技术栈是vue,所以猛然写react感觉自己被拔苗助长了,一个事件调用到数据传参都感觉完全无从着手,好赖以前有点基础,但是结合的也都不一样,是
vue+ts
灰小小小熊
·
2020-07-15 08:16
react
vue+ts
报错 Parsing error: Unexpected token
1.检查是否安装babel-eslint2.打开.eslint.js文件检查部分属性和下方的是否匹配//ESlint检查配置module.exports={root:true,parserOptions:{parser:'babel-eslint',sourceType:'module'},parser:"vue-eslint-parser",//------------env:{browser:
奋斗的蜗牛,奔跑吧
·
2020-07-15 07:30
class
ts
vue
js
函数节流、函数防抖的原理以及lodash的节流(throttle) 和 防抖(debounce)在
vue+ts
中的使用
区别:函数节流在特定时间内触发一次任务,并且是规律的函数防抖只有最后一次延时时间到达之后执行一次应用场景:throttle鼠标不断点击触发,mousedown(单位时间内只触发一次)监听滚动事件,比如是否滑到底部自动加载更多,用throttle来判断debounce百度搜索,用户在不断输入值时,用防抖来节约请求资源。window触发resize的时候,不断的调整浏览器窗口大小会不断的触发这个事件,
不药而愈?
·
2020-07-14 20:13
vue
element
vue
防抖节流
vue+ts
报错:Property 'option' has no initializer and is not definitely assigned in the constructor
最近在从头写一个
vue+ts
的项目,我们都知道typescript是js的一个超类。js是弱类型语言,在开发中存在一些问题。这可能也是ts这几年发展这么快的原因之一。
DiuDiu_yang
·
2020-07-14 02:52
typeScript
VUE+ts
先简单的总结一下ts接口规范数据类型的(规范对象函数类等是什么类型)泛型有时候数据类型不确定(通常是因为返回的类型)需要泛型来对不同的地方返回不同的类型装饰器他就是一个函数用来改变下面的函数类等@lang与@lang()这两种都是装饰器但是第二种会传参针对装饰器的不同传递的参数功能也不同但是确实是真的传参进去了也就是说先执行一边装饰器和下面的方法(装饰器下面的方法会作为一个参数在装饰器中被改造)@
qq_40257538
·
2020-07-11 19:52
ie9兼容问题部分填坑
ie9兼容问题部分填坑最近在给公司的一个项目
vue+ts
重构,要兼容到ie9,遇到了一点小问题,记录下。Html1.html5标签尽量不要使用2.a标签的下载可以使用,但赋值失败。
a734939283
·
2020-07-01 15:46
上一页
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
其他