草庐IT

Vue-Router

全部标签

vue3中安装并使用CSS预处理器Sass的方法介绍

Sass(SyntacticallyAwesomeStyleSheets)是一种CSS预处理器,它扩展了CSS的功能,提供了更高级的语法和特性,例如变量、嵌套、混合、继承和颜色功能等,这些特性可以帮助开发者更高效地管理和维护样式表。Sass语法是基于缩进(缩进花括号)的,它与传统的CSS语法类似,但添加了一些额外的规则和语法结构。Sass代码需要编译成CSS代码才能在浏览器中呈现。1.安装sass以前用vue-cli的时候,还要安装sass-loader、node-sass什么的,安装的时候还会遇到各种问题,但是vite其实安装sass就可以了,很简单npminstallsass-D2.编写全

vue axios实现下载文件及responseType:blob注意事项

需要使用axios和js-file-download组件npminstalljs-file-download--savenpminstallaxios--saveimportfileDownloadfrom'fileDownload';//引入fileDownloadimportaxiosfrom'axios';//引入axiosaxios({ method:'get',url:'xxxxxxx',responseType:'blob'}).then(res=>{if(res.status==200){//res.headers['content-disposition'].substring

基于Java+SpringBoot+Vue网上书店系统管理系统-开题报告参考

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

Vue的Axios 的使用(axios简介、axios与vue钩子结合使用、实验)全解

文章目录知识点Axios简介Axios与Vue的钩子函数的结合使用实验总结知识点什么是AxiosAxios基本用法Axios与Vue的钩子函数的结合使用Axios简介什么是AxiosAxios是一个基于Promise语法的、用于浏览器和Node.js的HTTP库。简单的理解就是对Ajax的封装,且具有易用、简洁、高效等特点。Axios的特点它本身具备以下作用:可以从浏览器中创建XMLHttpRequest。能从Node.js创建HTTP请求。支持PromiseAPI。能够拦截请求和响应。可以转换请求和响应数据。也可取消请求。可以自动转换JSON数据。在客户端支持防止CSRF/XSRF攻击。Ax

Vue 组件强制刷新方式

🏆文章目标:记录前端开发中遇见的问题。🍀Vue组件强制刷新方式✅创作者:Jay…🎉个人主页:Jay的个人主页🍁展望:若本篇讲解内容帮助到您,请帮忙点个赞吧,您的支持是我继续写作的最大动力,谢谢。🙏需求为实现动态页签组件,根据页签的类型获取对应的component。如视图类型的页签,只用于数据显示,不做任何增删查改;**多对多类型**的页签,将实现对象与对象之间的绑定。每个component有不同的业务逻辑,自然组件封装的方式也不一样。问题可能某一个对象存在多个相同类型的页签,这样相同类型页签之间进行来回点击时,页签内的数据没有发生改变。分析组件地址相同时,来回点击存在缓存,页签相关的数据不会进

vue3引入并加载unity工程的两种方式

1、使用unity-webgl插件npmiunity-webglunity打包后的build文件夹是这样的需要手动删除.unityweb这个后缀,完成后放在vue3项目的根目录下的public文件夹下。下面是引入unity的vue组件,其中实例化UnityWebgl时的参数地址直接引用上面的对应文件地址scriptsetup>importUnityWebglfrom'unity-webgl';importUnityVuefrom'unity-webgl/vue';constunityContext=newUnityWebgl({loaderUrl:'/unity/Build/test.load

Vue3问题:如何实现密码加密登录?前后端!

序言大家好,我是大澈!本文约3400+字,整篇阅读大约需要6分钟。本文主要内容分三部分,第一部分是需求分析,第二部分是实现步骤,第三部分是问题详解。如果您只需要解决问题,请阅读第一、二部分即可。如果您有更多时间,进一步学习问题相关知识点,请阅读至第三部分。1、需求分析在前端,用户点击登录和注册时,在登录和注册接口中不允许看到请求中真正的用户密码。在后端,用户点击登录和注册时,在数据库中不允许存取真正的用户密码。2、实现步骤(1)实现前的说明在学习如何使用之前,我们要明白的是,在项目中如果进行密码加密,有哪几种情况。然后就是,实现密码加密的方式有哪些,哪一种是相较来说,较好用及安全性较高的。密码

Web前端VScode/Vue3/git/nvm/node开发环境安装

目录1基本配置2安装vscode3安装vue4配置bash5安装nvm6安装node7安装yarn8新建项目9运行helloworld1基本配置本篇是为了做前端开发的环境而写。使用的操作系统是windows1064位2安装vscode现在做vue和node基本就是vscode和webstorm,本篇就是用vscode。可以从主页直接下载选择windows版本下载即可。下载速度还是可以的,如果下不下来,可以看本篇的附件资源。下载后就是一顿默认安装,只有文件关联那里不要勾选,因为平时也不用vscode默认浏览。安装好直接打开,我们从vscode里下载vue相关组件。3安装vue打开vscode后,

vue2,3,小程序,uniapp的API请求封装统一管理请求接口

目录 微信小程序request.jsapi.js页面 页面使用  uniapprequest.js封装公共请求头api.js里面存放api方法在页面引入方法vue2、3request.js封装公共请求头api.js文件页面引入  微信小程序request.js//引入env中的urlconstbaseUrl="http://www.com";//测试地址module.exports={/***url:请求的接口地址*method:请求方式GET,POST....*data:要传递的参数*/request:(obj)=>{//console.log('这是我封装的ajax请求',baseUrl+

基于java+springboot+vue的校园保修系统微信小程序

项目介绍互联网发展至今,无论是其理论还是技术都已经成熟,而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播,搭配信息管理工具可以很好地为人们提供服务。针对成果信息管理混乱,出错率高,信息安全性差,劳动强度大,费时费力等问题,采用基于web的校园报修系统可以有效管理,使信息管理能够更加科学和规范。基于web的校园报修系统使用Java语言进行编码,使用Mysql创建数据表保存本系统产生的数据。系统可以提供信息显示和相应服务,总之,基于web的校园报修系统集中管理信息,有着保密性强,效率高,存储空间大,成本低等诸多优点。它可以降低信息管理成本,实现信息管理计算机化。开发环境编程语言:Jav