vue+typescript

vue中使用highlight.js 高亮代码块

项目环境近期在做旧项目的重构，在搭建新项目的时候使用了Vue+Typescript，在前期的准备工作时，想做一套针对于公司的ui组件库，element-ui很好，但是个人喜欢花里胡哨。
蓝海00·2024-01-23 03:28

Vue+SpringBoot项目开发：登录页面美化，登录功能实现（三）

写在开始:一个搬砖程序员的随缘记录上一章写了从零开始Vue+SpringBoot后台管理系统：Vue3+TypeScript项目搭建Vue+TypeScript的前端项目已经搭建完成了这一章的内容是引入
方糖敲代码·2023-11-25 23:22

vue+typescript组建前端架构

第一步、安装vuenpminstall-gvue-cli第二步、创建vue项目vueinitwebpackXXX项目cdXXX项目第三步、安装依赖npminstalltypescriptvue-class-component-Dnpminstallts-loader@3.3.1-D第四步、修改webpack配制文件然后修改./build/webpack.base.conf.js文件中，在resol
终极菜鸟_424b·2023-10-31 02:09

【前端工程化】深入浅出vite（二）--vue3全家桶+ts构建后管系统

安装基础包npmcreatevite@latest#这里选择的是Vue+Typescript的组合cdvue-adminnpminstall#先安装基础包npminstallvue-router@4npmipinianpmiaxiosnpminstallsass
Armouy·2023-10-27 12:40

vue+typeScript 项目踩雷记

1.引入js-cookie第三方库时在main.ts中使用import导入模块时报错，提示找不到该模块得声明文件，无法导入模块解决方法重新安装获取模块得声明文件第一种npmi@types/js-cookie-S第二种自己创建一个声明文件x.d.ts//x.d.tsdeclaremodule'js-cookie'2.在使用ref进行dom操作时this.$refs.xxx.focus()报错Prop
木安小学生·2023-10-20 04:59

Vue + TypeScript ToDo Demo

在前面Vue+TypeScript简单项目的基础上，将项目改成一个ToDoDemo项目。
一半晴天·2023-10-15 05:08

#搭建Vue+TypeScript项目(四)

vue-router的使用模块化路由1.在src文件夹下新建router文件夹,新建router.ts(包含路由拦截器)importVuefrom'vue';importRouterfrom'vue-router';importstorefrom'@/store';importloginfrom'@/router/login/index';importhomefrom'@/router/home/
风轻云淡小小木·2023-10-02 22:27

使用vue3 + TS + Pinia + Vant4 + vite搭建商城H5项目框架

环境检测：node-v检测是否有安装node.js，未安装请先去官网安装node.js2.创建初始化项目：终端输入:npminitvite自定义项目名称projectname：demodemo依次选择Vue
往事随风，唯有技术·2023-09-15 06:20

#搭建Vue+TypeScript项目(三)

vuex的使用使用vuex-persistedstate持久化存储,你不想一刷新页面,vuex就消失吧,不想就用`npmivuex-persistedstate-S`1.默认localStorageimportvuexPersistedstatefrom'vuex-persistedstate'exportdefaultnewVuex.Store({//...plugins:[vuexPersis
风轻云淡小小木·2023-09-13 20:30

Vue+SpringBoot项目开发：登录页面美化，登录功能实现（三）

写在开始:一个搬砖程序员的随缘记录上一章写了从零开始Vue+SpringBoot后台管理系统：Vue3+TypeScript项目搭建Vue+TypeScript的前端项目已经搭建完成了这一章的内容是引入
方糖敲代码·2023-08-12 18:39

#搭建Vue+TypeScript项目(七)

梳理vue常用知识，自用最好的行为是看官方文档，比我全组件间消息传递1.父组件->子组件#父组件传递消息给子组件##父组件##子组件@Prop({default:1,type:Number})flag!:number;#父组件使用子组件变量(this.$refs.topViewasany).data2.子组件->父组件#父组件changeFun(send:any){console.log(send
风轻云淡小小木·2023-08-03 18:20

#搭建Vue+TypeScript项目(五)

vue组件组件中使用typescript主文件点击+999{{num}}{{num2}}import{Vue,Component,Watch}from"vue-property-decorator";//组件importleftBarfrom"./modules/left.vue";@Component({components:{leftBar}})exportdefaultclassPage1e
风轻云淡小小木·2023-08-01 01:20

vue+typescript与UE4像素流通信笔记

一、文件准备1、从搭建好的UE4项目下找到scripts文件夹，拷贝该文件夹（重点文件为app.js与webRtcPlayer.js）到vue项目下的静态资源文件夹（默认public文件夹）下，如下图：在vue项目的index.html下引入拷贝到app.js与webRtcPlayer.js文件注意：app.js下websocket接口地址必须为发布的像素流地址，否则无法连接2、创建一个vue文件
weixin_46653941·2023-07-27 17:22

TypeScript 中提升幸福感的 10 个高级技巧

用了一年时间的TypeScript了，项目中用到的技术是Vue+TypeScript的，深感中大型项目中TypeScript的必要性，特别是生命周期比较长的大型项目中更应该使用TypeScript。
·2023-06-16 09:38

typeScript 在 Vue 中的使用

有现有配好的方式：#vue+typescript项目起手式记录一下在配置过程中发现的问题：现在使用vue-cli的模板，安装ts-loader的时候，安装的是最新版本，但是在vue下载的模板中是不支持的
shmaur·2023-04-18 15:25

vue-cli3.0 + Vuex + typescript：Member '...' implicitly has an 'any' type.

vue+typescript之后，vuex调用再也不是从前的调用方式了，需要加类型校验了对比vuex在使用ts前后写法在ts中使用vuex，需要在vue问价中导入对应的vuex装饰器import{State
zackxizi·2023-04-04 19:23

记一次使用vue+typescript做微信公众号网页分享的坑

需求场景这个微信网页是一个用户测试的活动。开始测试之前需授权获取用户信息，所以新建一个firstPage页面作为/页面来判断需不需要授权。如果测试完成分享给用户，用户看到的是分享人的结果页面，这个页面是不需要授权的。扫描其中的二维码开始测试才需要授权。所以在前端路由里传一个query的参数。根据这个参数(this.$route.query.xxx)判断，用户打开的是结果页（不需授权）还是测试页（需
团猫咪爱吃玉米·2023-04-03 15:16

#搭建Vue+TypeScript项目(六)

突然发现tslint不维护了,心情忧伤,使用eslint创建项目初始配置1.创建项目时,第四步4、Linter/Formatter代码风格、格式校验，使用ESLint+Prettier,和vscode的Prettier插件配合,格式化代码TSLint仅错误预防ESLintwitherrorpreventiononlyAirbnb配置ESLint+Airbnbconfig标准配置ESLint+Sta
风轻云淡小小木·2023-03-19 07:09

使用vue-cli3搭建Vue+TypeScript项目

一，创建项目使用**npm**安装**vue-cli3**和**typescript**npmi-g@vue/clitypescript使用**vuecreate**命令快速搭建新项目的脚手架vuecreatetypescript-vuetypescript-vue是我的项目名称，执行上面的命令后，出现如下选项image.png这里有两个选项可以选择，键盘上下键可以切换选项，按enter进入下一步
TBoys喵大师·2023-02-06 10:26

互联网寒冬下的面经总结

简介本科两年多前端开发经验，常用技术栈Vue+TypeScript。
小白酱的头号黑粉·2022-12-30 15:37

vue+typescript(vben-admin)前端开发

小小笔记，持续总结吧。近期遇到一个问题，总是不长记性，在此记录一下。我觉得大家应该会遇到跟我一样的坑，就是vue3的写法跟vue2已经不太一样了。typescript的地方如果用vue3的写法，已经要用：包裹，注意：要加setup。否则会报如下错误：Ifthisisanativecustomelement,makesuretoexcludeitfromcomponentresolutionviac
送你一朵小莲花·2022-12-15 13:33

$refs类型识别问题 - 最详细解决方案 -【vue+typescript】

typescript是强类型所致-typescript不能识别出this.$refs.xx是否含有xx2方法  方法1-任何类型-不推荐-一劳永逸letmyRef:any=this.$refs.myModal;myRef.resetFields();//清空表单校验 方法2-HTMLFormElement-推荐-一劳永逸//成员变量$refs!:{myModal:HTMLFormElement//
嗯嗯**·2022-07-19 20:25

Vue+TypeScript中处理computed方式

目录什么是computedcomputed的用途在TypeScript怎么用另一种方案vuecomputed正确使用方式computedormethodscomputedorwatch什么是computed「computed」是Vue中提供的一个计算属性。它被混入到Vue实例中，所有的getter和setter的this上下文自动的绑定为Vue实例。计算属性的结果会被缓存，除非依赖的响应式prop
·2022-04-01 16:55

vue中使用typescript配置步骤

目录1、vue老项目引入TypeScripe从零开始创建vue+typescript项目通过前端各个框架的发展，例如vue3.0，react和angular等框架的源码都是用ts（typescript）
·2021-11-30 11:56

如何引进 Typescript 到现存 Vue-cli3+项目中

还好这些坑总体可控，没翻车，所以就写篇文章分享一下，如果想要体验vue+typescript的同学可以看看。
·2021-08-14 12:57

在typeScript+vue项目中使用ref

很不巧，新项目用的是vue还是vue+typeScript的，直接，单纯的this.$refs.xxx不好用了，报错，识别不了，很尴尬。经过不懈努力终于找到了在typeS
·2021-06-24 18:29

搭建vue+Typescript工程

开发工具vscode众所周知，vue2+Typescript的开发体验很不好，不过为了尝鲜，咱还是可以搭一个小工程玩一玩，下面就是搭建工程的步骤，以及遇到的一系列坑点。1.创建一个vue工程vueinitwebpack项目名称现在我们就有一个vue项目了，下面我们就需要安装各种插件，让他支持Typescript.2.安装必要的插件安装vue的官方插件npmivue-class-componentv
北辰_狼月·2021-06-22 10:08

Vue+TypeScript使用教程-快速入门

目前VueCLI已经内置了TypeScript工具支持一.使用TypeScript创建工程vuecreatevue-ts选择ManuallySelectFeatures然后选择自己想要的相关配置，例如Tslint+Prettier二.基于类的组件安装官方维护的vue-class-component装饰器，可以使用基于类的API。importVuefrom'vue'importComponentfr
JackieDYH·2021-06-21 17:32

26.Vuex在Composition API和非Composition API中结合Typescript的使用

Vue+TypeScript的项目中集成Vuex首先需要在vue项目中集成TypeScriptvueaddtypescript提示：如果配置玩ts后调用this.
zwswood·2021-05-18 17:23

Vue-TypeScript开发TODOList

学习TypeScript起步的使用总结,使用了element框架.关于搭建开发环境的可以看另一篇文章webpack组合Vue+TypeScript完整代码目标功能添加模块添加备忘项Tab菜单通过改变hash
Homary·2021-05-05 21:54

Vue+Typescript中在Vue上挂载axios使用时报错

Vue+Typescript中在Vue上挂载axios使用时报错在vue项目开发过程中，为了方便在各个组件中调用axios，我们通常会在入口文件将axios挂载到vue原型身上，如下：main.tsimportVuefrom'vue'importaxiosfrom
海因斯坦·2021-04-19 00:30

vue + typescript 进阶篇

vue+typescript进阶篇本文是继Vue+TypeScript新项目起手式之后的进阶+踩坑配置，所以推荐先行阅读前文完整阅读完之后，基本可以顺利在新项目中使用vue+typescript了另外特别注意
·2021-04-06 18:13

vue+typescript在vue中挂载axios使用时报错

1.开发环境vue+typescript2.电脑系统windows10专业版3.在项目开发过程中我们经常会使用到axios,但是我们在使用vue+typescript进行开发的时候使用axios可能会存在一些问题
·2021-01-24 11:12

vue+typescript在vue中挂载axios使用时报错

1.开发环境vue+typescript2.电脑系统windows10专业版3.在项目开发过程中我们经常会使用到axios,但是我们在使用vue+typescript进行开发的时候使用axios可能会存在一些问题
·2021-01-24 11:08

创建一个vue+typescript项目

创建一个1.生成package.json文件yarninit-yimage.png2.下载最新脚手架(指定版本下载：yarnadd-D@vue/[email protected])yarnadd-D@vue/cli//window安装完成就是一大堆这个image.png查看版本npxVue-V//V是大写的！！！image.png3.构建项目vue-typescript-project项目名字不能有大写字母npx
过年好_·2021-01-22 19:31

TypeScript 中提升幸福感的 10 个高级技巧

用了一年时间的TypeScript了，项目中用到的技术是Vue+TypeScript的，深感中大型项目中TypeScript的必要性，特别是生命周期比较长的大型项目中更应该使用TypeScript。
夜尽天明·2021-01-20 00:42

TypeScript 中提升幸福感的 10 个高级技巧

用了一年时间的TypeScript了，项目中用到的技术是Vue+TypeScript的，深感中大型项目中TypeScript的必要性，特别是生命周期比较长的大型项目中更应该使用TypeScript。
夜尽天明·2021-01-20 00:59

typescript解决引入插件的类型文件报错

typescript解决引入插件的类型文件报错1.开发环境vue+typescript2.电脑系统windows10专业版3.在使用vue+typescript开发的过程中,我们在main.ts中引入插件的时候
灰太狼的情与殇·2020-11-13 17:33

vue+typescript修改默认端口号

vue+ts修改默认端口号1.开发环境vue+element+typescript2.电脑系统windows10专业版3.在使用vue+ts开发的过程中,根据项目的需求,我们经常会修改修改项目的端口,方法如下:constpath=require('path');functionresolve(dir) {path.join(__dirname,dir);}module.exports= {chai
灰太狼的情与殇·2020-11-13 17:07

typescript解决引入插件的类型文件报错

typescript解决引入插件的类型文件报错1.开发环境vue+typescript2.电脑系统windows10专业版3.在使用vue+typescript开发的过程中,我们在main.ts中引入插件的时候
灰太狼的情与殇·2020-11-13 11:19

vue+typescript修改默认端口号

vue+ts修改默认端口号1.开发环境vue+element+typescript2.电脑系统windows10专业版3.在使用vue+ts开发的过程中,根据项目的需求,我们经常会修改修改项目的端口,方法如下:constpath=require('path');functionresolve(dir) {path.join(__dirname,dir);}module.exports= {chai
灰太狼的情与殇·2020-10-09 13:11

Vue+TypeScript学习

VueCLI内置了TypeScript工具支持。在Vue的下一个大版本(3.x)中也计划了相当多的TypeScript支持改进，包括内置的基于class的组件API和TSX的支持。创建工程npminstall--global@vue/clivuecreatemy-project-name：选择"Manuallyselectfeatures(手动选择特性)"选项注意5点methods可以直接声明为类
dingkenyan0209·2020-09-15 10:15

使用typescript+vue 编写电影信息小项目！

一是对自己技术的磨练，二是给大家分享如何使用vue+typescript开发项目。大佬就不要喷我的代码了。主要面向技术一般般的同学，没有写过typescript。当然我技术也是一般般。
weixin_33857230·2020-09-11 10:58

基于vue + element ui的table编辑,保存和删除

年的工作中遇到过几次很基础的基于element-ui的table开发,简单的增删改查功能,闲下来想整理一下~以备后用vue架子,用最新的vue-cli3.0,此处(...),可以参考我之前的almost最好的Vue
薯条真的好好吃哦·2020-08-22 10:48

Vue全家桶+TypeScript使用总结

重构完成的项目===>vue-qq-musicTypeScript与Vue全家桶的配置可以参考以下两篇文章（在这里由衷感谢两位作者）：vue+typescript新项目起手式Vue2.5+Types
JuLi距离·2020-08-21 20:40

搭建一个简单的脚手架

实现一个通用的项目模板具体实现的项目模板因人而异，这里提供一个自己实现的vue+typescript的项目作为参考：vue-
DMS程序猿·2020-08-21 16:55

Vue+Typescript的移动端项目模板

Github地址：https://github.com/pppercyWang/vue-typescript-mobile最近经常看到Typescript的一些文章。决定自己也尝试用一下，感觉还不错。这里就写了一个模板跟大家下分享下项目结构publiccssicon.css---iconfont的font-class引入srcapi---api接口assets---静态资源components--
优雅的王德奥·2020-08-12 00:47

Vue+typescript组件之间的通信（包括子组件传递多个值并且父组件自定义参数）

首先在ts中属性、模板名字等都有个横杠和大写的转换的，比如父组件中是，则子组件的名字是ColorDrawer.vue其次在ts中全部都需要用装饰器说明下面的内容是啥（是组件、还是信号发射器、还是prop属性等），所以必须引入装饰器:import{Component,Prop,Vue,Emit,Mixins,Watch}from'vue-property-decorator'接下来就是在父组件中引入
reisaru·2020-08-10 20:48

vue + typescript 踩坑笔记（二）

这次记录一下axios在vue+typescript项目中的遇到的问题：一般项目都会自己封装请求方法，便于重试，请求错误处理，验证等等，因为我写的是个人项目所以封装的不是很全面，就不贴代码了，主要是在封装好之后
weixin_34198583·2020-08-09 14:04

Vue+typescript报错项

39:1Unabletoresolvesignatureofclassdecoratorwhencalledasanexpression.Type'>(target:VC)=>VC'ismissingthefollowingpropertiesfromtype'typeofHelloWorld':extend,nextTick,set,delete,and7more.37|import{Compo
weixin_30565199·2020-08-09 13:04
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他