vue学习日记第56页

vue 实现点击切换tab

VueExample/**/.click_tab_container{width:100%;height:60px;background-color:#efefef;position:fixed;top

温正实·2024-02-10 15:52

vite安装路由启动报错。

vite安装路由后启动该报错如下[vite]Optimizabledependenciesdetected:router,vue[vite]Depoptimizationfailedwitherror:

防火墙在线·2024-02-10 15:49

vite默认是不支持@和require怎么配置？

不支持@在vite.config.js中配置如下import{defineConfig}from'vite';importvuefrom'@vitejs/plugin-vue';constpath=require

防火墙在线·2024-02-10 15:49

【前端】Vue实现网站导航以卡片形式显示（附Demo）

目录前言1.html版本2.Vue2.1Demo12.2Demo2前言单独做一个跳转页面推荐阅读：【前端】实现Vue组件页面跳转的多种方式但是如果网站多了，推荐卡片式导航，具体可看下文：（以图片显示显示各个网站

码农研究僧·2024-02-10 15:15

封装vue组件，除了props,还有v-model

封装组件一般都是props传值，emit发射时间，slot插槽标签，今天刚学了v-model.之前都好奇别人的ui框架为什么可以用v-model，今天终于学会了

小丸子超级可爱·2024-02-10 14:01

【开源】基于JAVA+Vue+SpringBoot的人事管理系统

2.1管理员功能模块2.2普通员工功能模块2.3答辩文案三、系统展示四、核心代码4.1查询职称4.2新增留言回复4.3工资申请4.4工资审核4.5员工请假五、免责说明一、摘要1.1项目介绍基于JAVA+Vue

桑程程·2024-02-10 14:30

【开源】基于JAVA+Vue+SpringBoot的班级考勤管理系统

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1系统基础支持模块2.2班级学生教师支持模块2.3考勤签到管理2.4学生请假管理三、系统设计3.1功能设计3.1.1系统基础支持模块3.1.2班级学生教师档案模块3.1.3考勤签到管理模块3.1.4学生请假管理模块3.2数据库设计3.2.1用户配置表3.2.2学生档案表3.2.3教师档案表3.2.4学生请假表3.2.5考勤档案表四、系统展示五

桑程程·2024-02-10 14:30

Error: error:0308010C:digital envelope routines::unsupported 解决方案

报错原因3、解决方案3.1版本降级，解决报错3.2设置参数，解决报错3.3修改配置文件，解决报错（推荐）致谢1、报错最近在研究开源项目若依，启动前端的时候报错，从报错很明显看出来是node版本问题启动vue

程序员小赵同学·2024-02-10 14:56

Vue 报错error:0308010C:digital envelope routines::unsupported

错误Vue报错error:0308010C:digitalenveloperoutines::unsupported原因这个错误与OpenSSL的版本兼容性问题有关，可能是Vue.js项目中使用的某个依赖或库需要使用

杨戬·2024-02-10 14:23

vue3引入oss-ali和elementplus上传封装组件方法 2024年小白一看就懂

@TOC效果图导入oss模块npminstallall-oss--save在vue3组件中引入oss对象，在需要上传文件的vue组件中，引入oss对象，并设置相关配置项。

可口可乐Vip·2024-02-10 13:01

vue3中的watch

vue3中的watch监听属性watch接收两个参数，第一个参数是监听的属性，多个属性可传入数组，第二个参数是一个回调函数，回调函数有两个参数（newVal,oldVal）；当watch的第一个参数是一个数组时

杨羊羊杨·2024-02-10 13:29

Vue 和 React 大厂面试通关指南.pdf

作为国内应用最广的两个框架，Vue和React是前端必须掌握的内容，也是面试的重点。但大多数读者都只擅长其中一个框架，当面试涉及到另一个框架的内容时，就答不好了。

zz_jesse·2024-02-10 12:38

谈谈虚拟 dom 在 Vue 和 React 中的应用

作为国内应用最广的两个框架，Vue和React是前端必须掌握的内容，也是面试的重点。但大多数读者都只擅长其中一个框架，当面试涉及到另一个框架的内容时，就答不好了。

全栈修炼·2024-02-10 12:08

vue3项目中如何实现模块的自动导入

vue2和vue3一个很重要的代码区别就是从vue2对象化完整引入到函数化按需引入。从而解决了需要什么就引入什么的按需引入操作功能。然而这一代码操作模式却也引出了后续繁琐代码的书写结构。

开心点啦.·2024-02-10 12:08

在面试中如何回复擅长vue还是react

当面试官问及这个问题的时候，我们需要思考面试官是否是在乎你是掌握vue还是react吗？？？

开心点啦.·2024-02-10 12:07

vuex原理以及实现

vuex官方文档Vuex是什么？Vuex是一个专为Vue.js应用程序开发的状态管理模式。

yutao618·2024-02-10 12:40

vue中的路由元信息（meta）

一、官方文档路由元信息：定义路由的时候可以配置meta字段constrouter=newVueRouter({routes:[{path:'/foo',component:Foo,children:[{

大号火龙果·2024-02-10 12:01

vuex基础

vuexVuex是什么呢？

魔王哪吒·2024-02-10 12:24

uni-app x，一个纯原生的Android App开发工具

用vue语法、uni的组件、api，以及uts语言，编译出了kotlin的app。不再使用js引擎和webview。纯纯的kotlin原生app。

近咫／＼ぃ天涯·2024-02-10 12:21

vue3 源码解析之Reactive实现的原理

第一节：vue3响应式的API；reactive（响应）：shallowReactive（浅响应）:readonly（只读）:shallowReadonly（浅的只读），浅相当于第一层。

h960822·2024-02-10 12:49

计算机毕业设计Python+Spark+LSTM微博大屏情感分析微博大数据分析微博情感分析微博爬虫可视化微博数据分析微博采集分析平台

开发技术前端：vue.jsechartswebsocket后端API：springboot+spark+mybatis爬虫/算法：python、lstm情感分析(python实现)数据库：mysql创新点

计算机毕业设计大神·2024-02-10 12:42

java/php/node.js/python敬老院管理系统【2024年毕设】

本系统带文档lw万字以上文末可领取本课题的JAVA源码参考开发环境开发语言：Java框架：ssm技术：ssm+vueJDK版本：JDK1.8服务器：tomcat7数据库：mysql5.7或8.0数据库工具

圆若程序·2024-02-10 11:03

vue3.0 和 2.0的差异

对比学习2.0和3.0并记录学习收获:·3.0比2.0快2倍·3.0去掉了filter,么有beforeCreatecreated,用setup取代·reactivity是可以单独作为库使用的·单独功能可以抽离取代了mixin优于mixin解决上下反复横跳·支持多个子节点fragment·setup里没有this·Proxy实现响应式不需要setdelete兼容性并不好·响应式方面性能得到很大提升

前端大镖客_·2024-02-10 11:24

vue | 路由跳转回到顶部

在main.js中加入Router的代码//路由变化跳转页面回到顶部router.afterEach((to,from,next)=>{window.scrollTo(0,0);})需要注意的是,我在列表页跳转详情页时开始使用params的方式不会在url中显示id的方式,由于url没有发生变化,所以并没有进入router.afterEach这个方法,最后没办法还是在url上拼接了${id}才实现

一把伞骨·2024-02-10 11:35

vue移动端适配（px转vw）postcss-px-to-viewport配置安装postcss-px-to-viewport

npminstallpostcss-px-to-viewport//postcss.config.js文件module.exports={plugins:{'postcss-px-to-viewport':{unitToConvert:'px',//需要转换的单位，默认为"px"viewportWidth:375,//视窗的宽度，对应的是我们设计稿的宽度viewportHeight:1334,//

如饥似渴的人·2024-02-10 11:30

element-ui 下拉框监听滚动事件

因为数据过多简单节流Vue.directive('loadmore',{bind(el,binding){//获取element-ui定义好的scroll盒子constSELECTWRAP_DOM=el.querySelector

三日月_4a25·2024-02-10 10:24

项目优化

多使用内存和缓存二、页面渲染css放前面，js放后面减少dom查询，多次使用的保存为变量减少dom操作，统一通过dom片段操作事件函数的节流和防抖图片懒加载尽早进行操作，domcontentload与loadvue

瀡風·2024-02-10 10:22

Vue-56、Vue技术路由的使用

2、前端路由：key是路径，value是组件1、基本使用vue-router3只能在vue3中使用vue-router3才能在vue2中使用1、vue2安装npmivue-router@3或者cnpmivue-router

一叶飘零晋·2024-02-10 10:34

如何快速上手Vue框架

要快速上手Vue框架，可以按照以下步骤进行：学习基本概念：了解Vue的基本概念，如Vue实例、模板语法、组件等。可以通过官方文档、教程或视频来学习。

youmatech·2024-02-10 10:29

ssm+vue的医药垃圾分类管理系统（有报告）。Javaee项目，ssm vue前后端分离项目。

演示视频：ssm+vue的医药垃圾分类管理系统（有报告）。Javaee项目，ssmvue前后端分离项目。

气宇轩昂的固执狂·2024-02-10 10:28

如何封装一个简单的VUE组件

基于vue2.0封装一个简单的表单组件前景介绍准备工作准备编码前景介绍这是一篇晚来的文章，毕竟2.0在去年12月份就已经停止维护了，这篇文章当是一个纪念吧。

youmatech·2024-02-10 10:27

v-if 和v-for的联合规则及示例

第073个查看专栏目录:VUE------elementUI专栏目标在vue和elementUI联合技术栈的操控下，本专栏提供行之有效的源代码示例和信息点介绍，做到灵活运用。

还是大剑师兰特·2024-02-10 10:27

UE5内置浏览器插件WebUI简易使用笔记

用Vue框架配合插件制作网页还是比UMG要快很多的，毕竟UE的UI制作插件比较少。一.UE蓝图首先在UMG中创建一个新UI，拉一个新的面板，然后在里面加一个WebInterface组件。

王炸鸡·2024-02-10 10:55

uniapp 全局引入vant 组件库

vant4官方文档vant2官方文档vant3官方文档一、创建uniapp项目+vue3二、通过npm安装vantvue3项目，安装最新版Vantnpmivantvue2项目，安卓vant2npmivant

冷七七-·2024-02-10 10:52

vue3踩坑之作用域插槽的使用，以及vue3和vue2中作用域插槽的对比和使用

项目场景：在系统后台开发中，前端需要对后端返回数据进行处理，比如说，用户角色、付款方式等等，而返回的这些数据里面通常是数字来表示相关的角色和身份，如：1表示管理员，2表示用户；又比如说1表示支付宝支付，2表示微信支付，3表示银行卡支付。页面上渲染出数据是数字的形式，但对用户来说其实这种方式并不具备明显的指代意义，所以为了实现更好的用户体验，前端会使用作用域插槽对该数据进行处理，实现与用户之间更好的

我也想做全栈一霸！·2024-02-10 10:20

Vue项目中模块化封装vue-router（易拓展、可维护）

实现思路引入Vue和VueRouter库；通过引入项目组所需使用的组件，包括Login、Home、FirstRouter和SecondRouter等；定义了一个createRoute函数，用于创建路由对象

我也想做全栈一霸！·2024-02-10 10:50

Vue项目中crypto-js加密解密的封装（附完整代码）

导入crypto-js库；npminstallcrypto-js--save-dev定义密钥key和密钥偏移量iv；创建一个名为crypto的对象；加密实现过程首先将待加密的数据转换为CryptoJS.enc.Utf8格式的字节序列。使用相应的加密算法（如AES、DES、TripleDES、Rabbit或RC4）对字节序列进行加密，使用给定的密钥、密钥偏移量；将加密结果转换为字符串形式，并返回加密

我也想做全栈一霸！·2024-02-10 10:50

Vue如何实现不同登录方式的切换（账号密码登录、邮箱验证登录等）

文章目录前言一、使用vue开发框架的时候，无论是vue2或是vue3，都会运用到elementui组件库或是element-plusui组件库，所以我们要解决的问题首先从这些组件库里来找寻答案二、项目里按需引入或者全局导入

我也想做全栈一霸！·2024-02-10 10:49

如何使用Element Plus 提供的Icon图标库

文章目录前言一、安装二、使用1.引入需要的图标2.页面效果3.还有一个奇怪的问题总结前言用vue3开发的时候，使用element-plusUI组件库的时候，发现不能像之前vue2时候使用的那么方便了，需要单独引入和使用

我也想做全栈一霸！·2024-02-10 10:49

11.Java Web之Vue和Axios

vue.js、axios.js、gson-2.2.4.jar(链接：https://pan.baidu.com/s/197Up14ZJjJU2YPU_HS__5g提取码：uvej)1.vue快速入门1.1

hutc_Alan·2024-02-10 10:17

从零搭建若依(Ruoyi-Vue)管理系统(10)--Spring Security核心内容梳理

文章目录1.选型原因2.SpringSecutity核心内容2.1SpringSecutity中的用户信息2.2密码加密2.3SpringSecurity的配置2.4认证过程2.5过滤器和过滤链2.6权限相关本章是SpringSecurity理论和概念的东西，没有实际的搭建产出，为下节做个铺垫。只是介绍SpringSecurity一些核心要用到的东西，SpringSecurity的功能还是很强大的

Gangbb·2024-02-10 08:43

从零搭建若依(Ruoyi-Vue)管理系统(13)--登录和鉴权的实现

Gangbb·2024-02-10 08:43

Vue源码系列讲解——虚拟DOM篇【三】(更新子节点)

1.前言在上一篇文章中，我们了解了Vue中的patch过程，即DOM-Diff算法。并且知道了在patch过程中基本会干三件事，分别是：创建节点，删除节点和更新节点。

小彭努力中·2024-02-10 08:38

Apache Ant 使用详解（区别Maven打包）

ApacheAnt使用详解（区别Maven打包）ApacheAnt与Maven都可以作为项目打包工具（后端打包）前后端分离的话，如果前端是react、Vue框架可以直接使用webpack打包AntwithIvyAnt

南湖小九·2024-02-10 08:32

从技术开始-企业内部信息化架构演变

foxbase，标准C，VB，Delphi，VC，C#到VUE+JAVA现在各企业内部信息化架构大多在1.0和2.0之间现在都在嚷嚷数字化转型，老实讲，我搞不懂专家讲的那些东西，甚至弄不清信息化、数字化到底有啥区别

wangbing1125·2024-02-10 08:55

Nginx学习与实战 · 解决SPA单页面应用CDN缓存问题

现在很多web应用都是使用Vue、React等框架开发的，这种SPA单页面应用在打包后，有些文件比较大。因此，大部分公司在生产环境会使用CDN加速，来加快首页渲染速度。

天問_专注于大前端技术·2024-02-10 08:44

vue3集成bpmn

文章目录前言一、依赖二、汉化配置1.引入文件2.样式文件总结前言vue3集成bpmn配置工作流一、依赖"bpmn-js":"^7.3.1","bpmn-js-properties-panel":"^0.37.2

快乐的木子李·2024-02-10 08:51

【开源】JAVA+Vue+SpringBoot实现班级考勤管理系统