草庐IT

Vue-Instant

全部标签

vue3+ts项目中eslint校验配置

一介绍eslint中文官网:ESLint-PluggableJavaScriptlinter-ESLint中文ESLint是一个根据方案识别并报告ECMAScript/JavaScript代码问题的工具,其目的是使代码风格更加一致并避免错误,合理利用可以提高代码质量。二使用1.安装eslintpnpmieslint-D2.生成eslint配置文件npxeslint--init3.安装vue3代码环境校验插件pnpminstall-Deslint-plugin-importeslint-plugin-vueeslint-plugin-nodeeslint-plugin-prettiereslin

vue3开源后台管理系统模板

更新记录2022-08-28推荐一些Vue3常用后台管理系统模板。Vue3在今年2月份已成为新的默认版本,本文收集了一些Vue3的后台管理系统模板,分享给在座的仌👣。还是老规矩,按照Github星标数量来依次介绍。个人较推荐vue-vben-admin、vue-pure-admin、naive-ui-admin、vue3-composition-admin、vue-next-admin。意见仅供参考,具体可根据团队审美,业务需求选择一款更契合的后台管理系统模板。gin-vue-admin(14.2k)如果后台选择的是go语言,可以考虑这一款。gin-vue-admin(github上的标星数为

vue3 关于动态路由刷新出现空白页最优解

动态路由刷新出现空白页:原因:刷新页面的时候动态路由会刷新掉,然后动态路由会重新加载,而匹配路由会在加载路由之前,所以会导致空白页router.beforeEach(async(to,from,next)=>{constwhiteList=['/login']lettoken=store.getters.GET_TOKEN;//tokenlethasRoutes=store.state.hasRoutes;//默认是false,刷新页面这个也是falseletmenuList=store.getters.GET_MENULIST;//后端返回的菜单列表if(token){if(!hasRout

vue.js调用python测接口,实现响应式的输出代码

python代码asyncdefknowledge_base_chat(query:str=Body(...,description="用户输入",examples=["你好"]),knowledge_base_name:str=Body(...,description="知识库名称",examples=["samples"]),top_k:int=Body(VECTOR_SEARCH_TOP_K,description="匹配向量数"),score_threshold:float=Body(SCORE_THRESHOLD,description="知识库匹配相关度阈值,取值范围在0-1之间,

Vue 原理整理

目录1.组件化基础=>(MVVM模型)2.Vue的响应式原理3.为什么在Vue3.0采用了Proxy,抛弃了Object.defineProperty?4.computed的实现原理5.computed和watch有什么区别及运用场景? 6. Vue中的key到底有什么用?7.谈一谈nextTick的原理  8.vue是如何对数组方法进行变异的? 9.Vue组件data为什么必须是函数? 10.谈谈Vue事件机制,手写$on,$off,$emit,$once 11.说说Vue的渲染过程12.聊聊keep-alive的实现原理和缓存策略 13.vm.$set()实现原理是什么? 14.虚拟DOM

vue开发中,数据更新,但视图不刷新

我们在开发过程中会碰到数据更新,但是视图并未改变的情况,情况如下:第一种:动态给对象新增属性或者删除属性是不会触发视图刷新的,Vue识别不到;第二种:通过数组下标修改数组中的元素或者手动修改数组的长度,Vue识别不到;**解决方法1:静默刷新(使用v-if的特性)在修改值之后将元素销毁,然后在修改后的下一次DOM渲染完成时再显示出来,这样就会触发组件重新加载data的数据进行渲染,data中被修改的数据才是最新的。解决方法2:Vue.$set(官方推荐)使用这个api修改的数据会为其添加响应式getter和setter让其拥有数据响应的特性vm.$set(要操作的对象或数组,要新增或者修改的数

基于Java+Vue+uniapp微信小程序童装购买平台设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作✌主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微

基于Java+Vue+uniapp微信小程序签到系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作✌主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微

Vue项目的搭建和启动

文章目录一、安装配置node.js1.1下载安装1.2配置环境变量1.3修改模块下载位置1.4设置淘宝镜像二、创建启动Vue三、开发环境VSCode3.1开发插件3.2Vue项目结构提示:以下是本篇文章正文内容,前端系列学习将会持续更新一、安装配置node.js1.1下载安装官网:https://nodejs.org/en1.2配置环境变量配置环境变量:在系统变量的Path中添加node.js安装路径D:\node.js\。安装完成后,测试下nodejs和npm是否安装成功!1.3修改模块下载位置修改模块下载位置:npm全局下载模块的保存位置。①先查看npm默认存放位置:npmgetprefi

Vue - 详细安装使用 SheetJS 表格解析插件,纯前端本地上传及解析 excel(xls) 表格文件数据,并在界面上进行预览、表格绘制等功能(支持组件库table表格搭配,可导出下载表格)

前言如果您需要Vue3版本,请访问这篇文章。本文实现了在vue项目中,“纯前端”完成本地上传excel(*.xls)文件后读取解析表格数据,并在前端页面“渲染预览”表格,支持搭配element-ui/antdesignvue等前端组件库中的table组件,解析预览表格后同样支持导出下载功能,本示例支持“任何复杂”表格,无论您有没有表头、缺字段等,都可以顺利解析,如下图所示,无论是【普通版】或【搭配组件库版】都可以解析简单、复杂表格,非常好用!另外,解析时还支持去掉Excel头部大标题,一般预览时不读取。示例代码干净整洁,无论ts/js都可以使用安装插件