vue3+ts

Vue3+TS全局配置信息外放，axios读取配置信息，动态挂载，实现一客户一配置文件

环境：vite+ts+vue3.2+axios+vuex+vue-router我们做一套代码，可能需要卖给N多客户，可能很多客户都会给软件冠名，AXXX系统，BXXX系统，我们的软件已经做完了，没必要卖给一个客户改个名称发布一次，所以我们把软件名称外放到一个配置文件config.json中，卖一次，配置一下config.json文件就可以了，这样有一个好处是，我们可以保证每个客户有自己独立的con
独孤刺客·2023-04-13 13:49

SCSS中使用typescript变量

读取外放配置信息参见：Vue3+TS配置信息外放在APP.vue中添加如下几部分内容声名变量：//颜色变量来源于外部配置文件，在scss中直接使用basesiteinfo.topBarBg报错,不知道为什么
独孤刺客·2023-04-13 13:16

vue3+ts 子组件接收父组件异步传值 不实时更新

话不多说直接贴代码（解决方法用watch）父组件letaddStatus=ref(false)constonAdd=()=>{addStatus.value=trueconsole.log(addStatus.value,'addStatus')}子组件constprops=defineProps()console.log(props.passStatus,'addStatus')//页面第一次加
无名小码农·2023-04-12 16:14

vue3+ts使用bus事件总线的示例代码

1、在vue2中我是这样使用的//创建一个vueBus.jsimportBusfrom'vue';letinstall=function(Vue){Vue.prototype.$bus=newBus()}exportdefault{install};//在main.js中引入importvueBusfrom'@/utils/vueBus';Vue.use(vueBus);//可根据this.$bu
·2023-04-12 01:57

vue3+ts 开发效率提升

1、vite+pnpm项目初始化pnpm：比npm或yarn快10倍pnpm与其他包管理器（如npm和Yarn）的不同之处在于它使用一种称为“硬链接”的独特安装方法。当你使用PNPM安装一个包时，它并不会将包的文件复制到每个项目的node_modules目录中，而是在一个中心存储位置创建硬链接。这意味着多个项目可以共享同一个包文件，从而节省磁盘空间并减少安装时间。pnpm还支持一种称为“虚拟包”的
码上编程·2023-04-11 21:42

Vue3——axios封装，Element Plus应用（vue3+ts）

首先安装axios依赖：(此处使用elementUI进行错误提示，可选择自己对应的前端框架)npmiaxios,element-plus复用模板:importaxios,{AxiosInstance,AxiosError,AxiosRequestConfig,AxiosResponse}from'axios'import{ElMessage}from'element-plus'//数据返回的接口/
林几许·2023-04-11 15:53

Vue3+TS Day44 - 自动化部署、Jenkins、CI

一、基础认知1、在没有自动化部署方案时，程序员、测试人员、运维人员之间是如何协调工作的？【程序员】编写和修改代码，并进行打包【测试人员】依赖于程序员打包，然后对包进行测试【运维人员】依赖于程序员打包，然后对合格包进行发布【最大痛点】当测试人员或运维人员想做下一步之前，都依赖于程序员进行打包，①会导致程序员开发思路时不时被打断②测试和运维自主性太弱，对开发依赖性太强2、CI的全称是什么？【CI，Co
望穿秋水小作坊·2023-04-08 22:04

vue3+ts中 父子组件传参defineProps、defineEmits、defineExpose

defineProps父子interfaceProps{msg:string;list:Array;}第一种写法没有默认值defineProps();第二种写法有默认值withDefaults(defineProps(),{msg:"子组件默认值",list:()=>[1,2,3],});defineEmits父consthandleTaps=(name:string)=>{console.log
潇、然·2023-04-07 17:55

记录qiankun 结合vue3搭建项目

主应用和微应用均采用的vue3+ts。
RoGer__D·2023-04-07 10:33

uni-app启动页+3秒倒计时跳转(vue3+ts)

{{data.cuntdown}}跳过立即开启constdata=reactive({btnfas:false,cuntdown:3,timerthree:null,})constbtnfass=function(){data.btnfas=!data.btnfasif(!data.timerthree){data.timerthree=setInterval(()=>{if(data.cuntd
范闲~·2023-04-05 14:36

el-tree设置有子元素的节点不能选中高亮(vue3+ts写法)

思路：el-tree加上highlight-current属性，高亮当前选中节点el-tree的点击事件@node-click中判断有子元素的节点不能选中高亮，核心代码node.isCurrent=false，让当前节点取消选中这时需要找到上次高亮的节点，让它继续选中高亮，思路是通过node-key与current-node-key属性还原高亮节点importtypeNodefrom'elemen
永远不会太晚·2023-04-04 07:01

vue3+ts之动态路由

vue3+ts之动态路由本次分享的动态路由的思路是：本地只有基础的路由，其他路由全部由登录时根据后端返回的的数据中去获取，然后通过路由守卫拦截动态添加，权限全部交给后端控制，后端返回什么路由数据，前端页面就显示什么路由数据准备工作
流偌花火·2023-04-03 06:54

uniapp使用vue3+ts IM聊天模板

创建支持vue3的uni-app项目#创建以javascript开发的工程npxdegitdcloudio/uni-preset-vue#vitemy-vue3-project#创建以typescript开发的工程npxdegitdcloudio/uni-preset-vue#vite-tsmy-vue3-project使用uniapp自带的扩展插件进行开发"easycom":{"autoscan
柒色q·2023-04-02 11:49

在vue2项目中使用腾讯云IM及常见问题

项目中使用腾讯云IM及常见坑gogogo~先放上官方文档的链接即时通信IM快速集成方案（Web）-含UI快速集成方案（荐）-文档中心-腾讯云(tencent.com)由于目前官方文档已经将含UI的快速集成方案变为了vue3
会飞的战斗鸡·2023-04-01 09:21

vue3+ts的父子组件传参以及withDefaults、defineExpose用法介绍

1、父组件给子组件传参以及withDefaults用法介绍父组件代码import{reactive}from"vue";importHeaderfrom"./header.vue"importMenusfrom"./menus.vue"importContentfrom"./content.vue"constmenuData=ref(null)console.log(menuData.value)
唐长老521·2023-04-01 08:07

VUE3+TS后台管理系统的登录、菜单权限分配业务逻辑解析

登录页面1.布局我使用的是Element-Plus里的布局和Form表单组件2.登录逻辑1.本地校验用户名、密码不能为空通过Element-plus的组件定义规则，2.提交按钮绑定提交事件通过validate初步验证账号和密码是否合理（validate验证.js的目标是提供一种跨框架和跨语言的数据验证方式。验证约束可以在JSON中声明，并在客户端和服务器之间共享。）数据合理则用md5对秘密进行加密
MOAN.·2023-03-31 08:25

基于Vue3+TS的Monorepo前端项目架构设计与实现

今天，在这个风和日丽阳光明媚的钱塘江畔，我心情很好，我打算再写一篇她的姊妹篇------基于Vue3+TS的Monorepo前端项目架构设计与实现(pnpm版本)。
ataola·2023-03-31 04:41

typescript知识点

知识点来自coderwhy老师的vue3+ts课程变量的定义1.变量的定义格式//1.类型注解//2.var/let/const//3.string和String的区别//4.类型推导varname:string
锦江徐志摩·2023-03-29 22:05

vue3+ts 中英文切换

1.安装vue-i18n依赖yarnaddvue-i18n或者npminstallvue-i18n--save-dev2.创建文件夹locales,创建3个文件分别为index.ts;en.ts;zh.ts如图：代码如下index.tsimport{createI18n}from'vue-i18n'//引入各个语言配置文件importzhfrom'./zh-cn'importenfrom'./en
qq_40055200·2023-03-29 04:45

vue3+TypeScript实现导出Excel功能

上一篇博客链接在这，我们使用vue3+ts实现了导入的功能，接下来，还是使用同一个组件（element-plus上传组件）来实现导出，在上篇博客中，我们在使用这个组件的同时写了一个下载模板的功能，接下来
小茹想睡觉·2023-03-27 07:27

【vue3+typescript高仿知乎】项目学习笔记（一）

一、先导    已经很久没有写了，一些markdown语法都快忘记了☺，正好最近vue3+ts是一个打的发展趋势，于是在慕课网发现了这个2022全面升级.Vue3+TS仿知乎专栏企业级项目课程，作为一名技术开发人员
紫荆峰·2023-03-26 03:53

vuex4.x+ts的简单用法

vuex4.x+ts的简单用法vue3已经出来有段时间了，vuex4.x最近也刚刚出来，然后就想着用vue3+ts做一个项目这篇文章用来记录vuex4.x中module的使用定义模块命名空间namespaced
Shiyouzhang·2023-03-23 02:00

Vue3.0 管理后台基础框架模板 （composition api + typescript）

先上源码地址：https://github.com/gmingchen/vue3-element-plus-adminvue3-element-plus-admin主要目的在于学习vue3+ts,功能还未很完善
拖孩·2023-03-22 03:44

Vue3+TS：axios封装

本文整理来自深入Vue3+TypeScript技术栈-coderwhy大神新课，只作为个人笔记记录使用，请大家多支持王红元老师。认识axios为什么选择axios?因为作者推荐。功能特点：在浏览器中发送XMLHttpRequests请求在node.js中发送http请求支持PromiseAPI拦截请求和响应转换请求和响应数据等等补充：axios名称的由来？个人理解，没有具体的翻译，axios：aj
Imkata·2023-03-15 04:05

Vue3+TS Day31 项目搭建、常用插件

项目搭建规范一.代码规范1.1.集成editorconfig配置EditorConfig有助于为不同IDE编辑器上处理同一项目的多个开发人员维护一致的编码风格。创建【.editorconfig】文件#http://editorconfig.orgroot=true[*]#表示所有文件适用charset=utf-8#设置文件字符集为utf-8indent_style=space#缩进风格（tab|s
望穿秋水小作坊·2023-03-12 12:46

Vue3.0+TS 项目上手教程

转自：Vue3拥抱TypeScript的正确姿势：https://juejin.im/post/6875713523968802829一个完整的Vue3+Ts项目,支持.vue和.tsx写法项目地址：https
前端达人·2023-03-10 18:41

vue3+ts：约定式提交（git husky + gitHooks）

Git-githooksDocumentationhttps://github.com/typicode/husky#readmegitHooks:commit-msg_snow@li的博客-CSDN博客之前实践过这个配置，本文在vue3
snow@li·2023-03-10 04:20

第二式 拳打vue3生命周期

一点点的小提醒插件风云有些童鞋们可能之前插件用的是Vetur（这个适合vue）,那么运行vue3+ts的项目的时候可能会存在一点小报错，这里建议大家禁用Vetur，使用Volar。
壹贰是只猫·2023-03-09 23:00

第一式 创建vite项目以及package.json介绍

再加上2023年前端岗位越来越难找工作了，我也沦为了无业游民人员，这里还是需要提醒大家，千万不要裸辞，我的话，可能是因为真的累了想休息休息吧，身体健康比什么都重要，看着招聘的信息不是需要react就是vue3
壹贰是只猫·2023-03-09 19:15

vue3项目新用户引导组件driver.js示例详解

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

记VUE3+TS获取组件类型的方法踩坑及解决

目录VUE3+TS获取组件类型的方法踩坑遇到的坑问题原因解决办法VUE3+TS获取组件ref实例如何获取组件的类型呢？
·2023-03-08 22:39

vue3+ts 不能将类型“string”分配给类型“Record＜string, any＞

vue3+ts不能将类型“string”分配给类型“Record错误代码：consttableRow=ref("");修改后：consttableRow=ref(""asany);//需要做类型断言处理
饱饱~~·2023-02-22 02:37

流莺书签-Vue3+TS的收藏网址小项目

写在前面什么是流莺书签“流莺”是我非常喜欢的一个词，本指四处飞翔鸣唱的莺鸟，就像我本身也是一个很随性的人。“流莺书签”是一个用来统一存放、管理收藏网址的网站，虽然浏览器本身自带收藏夹功能，并且还能创建多个文件夹，但我个人觉得查找起来依然很费劲，并且它长的很丑。所以我就想做一个好用又好看的收藏夹，取名“流莺书签”。为什么会有流莺书签在开始这个项目之前，公司一直使用的是VUE2系列+JS，以及我自己的
一尾流莺web·2023-02-18 23:44

vue3和ts封装axios以及使用mock.js详解

目录前言一、axios的依赖安装与处理1.依赖安装2.全局axios封装3.实际使用二、mock.js的依赖安装与处理1.安装依赖2.新建mock所需的文件三、结合使用总结前言今天我们一起来看一看vue3
·2023-02-18 01:15

vue3语法糖+ts组件传值

而且逻辑大致相同，像这种东西可以封成一个组件，比较常用的就是函数封装，组件封装，组件封装是需要引入到页面使用的，所以通常它会有一些自己的方法，父子组件可以通过一些值来进行关联，这种方式也就是我们所说的组件传值，vue3
·2023-02-16 20:19

vue3+ts，在ts文件中导入vue文件，会报类似的错误：找不到模块“./App.vue”或其相应的类型声明

问题：在.ts文件中报错，找不到模块“./XXX.vue”或其相应的类型声明报错原因：typescript只能理解.ts文件，无法理解.vue文件解决方法：可以在src目录下创建一个env.d.ts文件（一般已存在），接着在里面增加下面的内容：/////三斜线引用告诉编译器在编译过程中用types形式引入的额外的文件vite/client.d.ts,//此文件里面是vite帮我们定义的各种常用类型
·2023-02-07 11:57

如何通过webpack5搭建vue3+ts项目

现阶段前端打包工具很多，目前常用的是webpack，grunt等，在没出现更好的工具之前，学好这两个其中的一个基本都够用了，目前最流行的还属webpack，也是很多面试官喜欢问的话题，这篇文章从零了解打包机制，只要你有耐心保证你会有收获。安装webpack和webpack-cli依赖首先，还是需要初始化项目（npminit），这里安装的依赖建议是本地依赖而不是全局依赖，如果安装本地依赖又安装全局依
祝家庄打烊·2023-02-06 08:01

Vue3+TS Naive Ul 栅格的用法

cols中第一个代表默认格数，然后在不同屏幕宽度下显示多少格，400px时总共有12格。offset代表左偏移格数，默认6格，400px时变成占据1格。span代表自身占据格数，默认6格，400px时变成占据10格。在相同宽度情况下：offset+span+右边offset=cols，可以达到居中效果。
煮茶忘放糖·2023-02-05 23:32

Vue3 拥抱 TypeScript 的完整项目结构搭建

大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群一个完整的Vue3+Ts项目,支持.vue和.tsx写法项目地址：https://github.com/vincentzyc
傲娇的koala·2023-02-02 14:15

Vue3拥抱TypeScript的完整项目结构

一个完整的Vue3+Ts项目,支持.vue和.tsx写法项目地址：https://github.com/vincentzyc/vue3-demo.git作者：TinssonTaihttps://juejin.im
voanit·2023-02-02 14:45

0到1的vue3+ts+vite前端Web项目搭建

为了熟悉vue3+ts的开发风格，搭建的一个仿小红书的WebApp（已开源）;持续迭代中......gitHub仓库：https://github.com/xxljunjun/vue3-webApp线上地址
小溪流jun·2023-01-31 05:48

vue3语法糖+ts组件传值

而且逻辑大致相同，像这种东西可以封成一个组件，比较常用的就是函数封装，组件封装，组件封装是需要引入到页面使用的，所以通常它会有一些自己的方法，父子组件可以通过一些值来进行关联，这种方式也就是我们所说的组件传值，vue3
·2023-01-29 21:23

使用vue3+ts+setup获取全局变量getCurrentInstance的方法实例

目录前言：vue3官方提供的方法1、引入方法2、定义变量，接到我们的方法3、main.js中定义我们的全局变量4、页面中使用我们的全局变量vue3+ts使用官方方法遇到的问题：最终我解决问题的方法：补充
·2023-01-26 00:46

vue3 pinia 状态管理（清晰明了）

前言最近学习cloud项目，前端使用到vue3+ts等技术，其中包括pinia，从一脸懵到渐渐清晰过程，在此记录一下，若有不足，希望大佬可以指出。
贝塔-突突·2023-01-19 07:02

Vue-vben-admin Vue3+TS Axios的封装源码分析

Vue-vben-adminVue3+TSAxios的封装源码分析前言一、近期再用Vue3+TS重构之前Vue2的项目，因此想着借鉴一下业界较为优秀的代码，在Git上面找了好久，经过同事推荐，我发现由anncwd
SwaryLA·2023-01-18 07:45

Vue3+TS：后台管理系统

项目地址：Vue3+TS：后台管理系统打开终端，先执行npminstall安装依赖再执行npmrunserve运行项目，复制终端打印的地址到浏览器即可打开项目登录账号：coderwhy，密码：123456
Imkata·2023-01-13 09:54

Vue3+TS：代码规范和三方库集成

本文整理来自深入Vue3+TypeScript技术栈-coderwhy大神新课，只作为个人笔记记录使用，请大家多支持王红元老师。一.代码规范1-集成editorconfig配置.editorconfig文件有助于为不同IDE编辑器上处理同一项目的多个开发人员维护一致的编码风格。#Editorconfiguration,seehttp://editorconfig.org#表示是最顶层的Editor
Imkata·2023-01-13 09:24

vite搭建vue3+ts项目 手把手教学

1.基础框架生成//vue3-demo是自定义的项目名npminitvitevue3-demo----templatevue选择vue选择vue-ts按照提示:cdvue3-demonpminstallnpmrundev提示：这里记录一下:假如你的node版本小于12会报Object.fromEntriesisnotafunction切换node到12以上版本即可!(我这里是nvm管理node版本
前端bug工程师·2023-01-11 07:42

vite创建vue3+ts项目

vite官网创建项目https://cn.vitejs.dev/guide/#community-templates我是一步一步来执行命令行创建（项目名称选择了默认的，其他选择了vue+ts）兼容性注意（来自官网提示）Vite需要Node.js版本14.18+，16+。然而，有些模板需要依赖更高的Node版本才能正常运行，当你的包管理器发出警告时，请注意升级你的Node版本。创建项目前可以先查看一
是刘小刘啊·2023-01-11 07:12

vite搭建vue3+ts项目（包含sass，vue-router）

一.相关资料网址vue3.0官网：https://cn.vuejs.org/vite官网：https://vitejs.cn/二.通过vite进行创建的步骤npminit@vitejs/app创建项目的名字选择vue选择vue+ts这时候项目就已经创建成功了，在vscode里面将此项目文件夹加入到工作区三.vue-router安装执行代码yarnaddvue-router-Dyarnaddvue-
@luffy27·2023-01-11 07:08
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他