草庐IT

Vue-Instant

全部标签

❤ 全面解析若依框架vue2版本(springboot-vue前后分离--前端部分)

❤解析若依框架之前台修改1、ruoyi修改页面标题-网页logo-页面标题-登录名称一般在vue项目public文件夹下命名为“favicon.ico”❤处理步骤第1步:将图标重命名为“favicon.ico”,并放在项目根目录下。第2步:然后在index.html中引入,title中修改页面标题。第3步:修改build文件夹下webpack.dev.conf.js和webpack.prod.conf.js文件中的内容。第五步:重新已经成功修改网页上的logoruoyi-ui-->public-->favicon.ico,把这个图片换成你自己的logo修改网页标题根目录下的vue.config

vue3+ts+vite 路由详解

 安装1.首先创建项目npminitvite@latest 输入文件名,选择Vue、TypeScript2.vscode打开项目,安装router,less,less-loader,@types/nodenpmivue-router-Snpmilessless-loader-Snpmi@types/node-Dnpminstallpinianpminstallanimate.css--save*注意Vue3中router要安装4版本,3版本的router语法和4不一样。3.在components中创建login.vue和register.vue文件我是注册组件4.在src下创建router文件

Vue3使用h函数和render函数动态插入组件和元素

首先明白两个函数的大致作用h函数(createVnode)用于创建一个虚拟DOM(用法可以自行查看文档);render函数用于输出虚拟DOM;在Vue是无法使用原生的方式将组件当做普通DOM动态加入到其他的DOM中,通过render函数的第二个参数指定需要挂载DOM父组件代码片。//Anhighlightedblocktemplate> divclass="home-box">/div>/emplate>scriptsetup>import{ref,h,render,onMounted}from'vue'importTestfrom'./Test.vue'onMounted(()=>{ //

vue+uni-app+php+myql毕业设计作品成品(6)网络在线考试系统设计与实现

博主介绍:《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,免费项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!在文章末尾可以获取联系方式目的和意义目的:本课题主要目标是设计并能够实现一个基于Vue.js在线考试系统,前台用户使用H5移动端页面,后台管理使用PHP开发的网站后台管理系统,使用Mysql8存储数据;通过后台添加资讯信息、录入试题、录入试卷和试卷的题目、会

基于Java+Vue+uniapp微信小程序教师管理平台设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人​系统介绍:随着我国经济迅速发展,人们对手机的

Vue3 + Element Plus 按需引入 - 自动导入

文章目录1前言1.1目的1.2最终效果2准备工作3按需引入3.1安装插件3.2修改vite.config.ts文件4其他4.1ElMessageBox使用时报错4.1.1Eslint报错:'ElMessageBox'isnotdefined.eslint(no-undef)4.1.2TS报错:Cannotfindname'ElMessageBox'4.2ElMessageBox弹框样式未生效4.3图标使用1前言1.1目的ElementPlus使用按需引入,大大缩小打包后的文件大小1.2最终效果自动生成components.d.ts文件,并在文件中引入ElementPlus组件自动生成compo

若依(RuoYi-Vue)+Flowable工作流前后端整合教程

此教程适合若依前后端分离项目,其他项目可以在扩展列表中进行查找。近期公司里需要对很久以前的RuoYi-Vue前后端分离项目扩展出flowable的功能,当然这个重任也是落在了我的身上(不然也不会有这篇文章),然后我在官网看到了RuoYi-Vue-Flowable这个项目,按照文档提供的迁移方式对于我们这个老版本的项目来说无法正常运行,所以我联系了作者并更新了一下文档,打算在网上在发布一篇(毕竟有的人懒得看官方文档)。官方项目地址:https://gitee.com/tony2y/RuoYi-flowable把项目拉到本地后下面开始整合教程,整合教程分为前端和后端两个模块。前端迁移流程1.flo

Vue3——第十三章(插槽 Slots)

一、插槽内容与出口这里有一个组件,可以像这样使用:而的模板是这样的:元素是一个插槽出口(slotoutlet),标示了父元素提供的插槽内容(slotcontent)将在哪里被渲染。最终渲染出的DOM是这样:通过使用插槽,仅负责渲染外层的(以及相应的样式),而其内部的内容由父组件提供。理解插槽的另一种方式是和下面的JavaScript函数作类比,其概念是类似的:通过使用插槽,组件更加灵活和具有可复用性。现在组件可以用在不同的地方渲染各异的内容,但同时还保证都具有相同的样式。Vue组件的插槽机制是受原生WebComponent元素的启发而诞生,同时还做了一些功能拓展。二、渲染作用域插槽内容可以访问

【VideoJs】初识videojs && video.js 视频播放器的基本使用 && videojs基础用法 && videojs视频播放器 && vue3中使用videojs

videojs介绍免费,开源插件多可自定义【推】虽然,但是Videojs算好了,但我觉得有点杂,特别是文档与插件,且自定义插件有点困难,也可能是我比较菜吧相比之下,我还是强烈推荐【Xgplayer——点我进入】备用地址http://t.csdn.cn/H0cAVXgplayer优点优雅、美观文档清晰明了大厂出品——字节跳动,大厂出品——稳,大厂出品必属精品方便自定义插件/方法对移动端友好,如果做移动端视频播放器,无脑选Xgplayer就行。支持弹幕支持音乐播放器与歌词滚动videojs下载cnpminstall--save-devvideo.jsvideojs官网videojs官网备用地址ht

webpack3 打包vue项目导致app体积过大

问题说明:打包导致js很大,然后访问特别慢。Q:如果你的js达到了好几M,(除了个别情况,比如的代码量真的超级大到不行,其实这个本身就不成立)。我最开始就是,打包了我的app.js 是20M,网站基本瘫痪。  A:不用考虑了,你的打包有问题。我当初的问题是我把静态的json(基本都是这个问题)给打包进去了。 1.项目背景是由webpack生成的vue项目,webpack大版本为32.打包出来的体积过大达到20几M未修改前app体积: 排查问题发现是import的方式引入了json文件导致未修改后app体积:减少了13M,代码压缩至1.5MB 使用以下axios方式处理 3.webpack生成的