草庐IT

Vue-Instant

全部标签

Vue浏览器缓存sessionStorage+localStorage+Cookie

目录sessionStorage简介方法代码示例存取单个数据存取对象清除数据localStorage简介方法代码示例cookie简介方法代码示例区别sessionStorage与localStorage区别sessionStorage、localStorage、cookie区别sessionStorage简介  -sessionStorage用于在浏览器会话期间存储数据,数据仅在当前会话期间有效。  -存储的数据在用户关闭浏览器标签页或窗口后会被清除。方法使用sessionStorage.setItem(key,value)方法将数据存储在sessionStorage中。使用sessionSt

VSCode配置vue模板

配置模板首先在VSCode中选择文件,首选项,配置用户代码片段,新建全局代码片段,输入vue后回车即可配置配置信息{ "生成vue模板":{ "prefix":"vue", "body":[ "", "", "", "", "", "exportdefault{", "//import引入组件才能使用", "components:{},", "props:{},", "data(){", "return{", "", "};", "},", "//计算属性", "computed:{},", "//监听data中的数据变化

docker 部署 vue+springboot前端+后端 整合在一个镜像中

文章目录1、什么是docker2、打包前后端文件2.1、打包前端文件2.2、打包后端文件3、制作docker镜像4、新建一个容器运行镜像5、保存制作好的镜像6、mysql如果你自己独立开发了一套前后端分离的项目,想要把它放在一个docker镜像中,一键部署,真正做到开箱即用。1、什么是dockerbuildonce,runeverywhere2、打包前后端文件2.1、打包前端文件1.在项目下执行注意!打包之前你的api不要设置成localhost或者127.0.0.1,而是要换成你等下要部署的服务器的ip地址npmrunbuild//oryarnbuild2.会生成一个dist文件夹,里面就是

vue框架

一、vue是什么官方解释:vue是一套用于构建用户界面的渐进式框架。vue是一个js框架,提供了一套开发规则,按照这个开发规则可提高开发效率。补充:渐进式意思是,vue.js本身功能局限,一旦配合其他的工具可以增强其能力。vue-routervuexaxiosnuxt二、vue的核心①数据驱动视图(页面)修改绑定的数据(页面上依赖数据),就能对应的更新视图(页面),极大的解放了操作dom的工作,提供开发效率。②MVVM模式M 数据模型modelV 视图(页面)viewVM数据模型和视图的控制器viewmodel数据双向绑定③组件化开发通常一个应用会以一颗嵌套的组件树的形式来组织把页面按照页面功

[构建 Vue 组件库] 小尾巴 UI 组件库 —— 横向商品卡片(仿淘宝)

文章归档于:https://www.yuque.com/u27599042/row3c6组件库地址npm:https://www.npmjs.com/package/xwb-ui?activeTab=readmegitee:https://gitee.com/tongchaowei/xwb-ui下载npmixwb-ui配置按需导入import{组件名}from'xwb-ui'完全导入import{createApp}from'vue'importAppfrom'./App.vue'import'xwb-ui/style.css'//导入样式importXWB_UIfrom'xwb-ui'//导

spring boot +Vue + element-ui实现图片上传和回显

对于图片上传和显示后台采用SpringBoot实现:packagecom.example.demo.controller;importcn.hutool.core.io.FileUtil;importcn.hutool.core.util.IdUtil;importcom.example.demo.domain.Books;importcom.example.demo.service.BooksService;importcom.example.demo.util.Result;importio.swagger.annotations.ApiOperation;importorg.spring

Vue3+Vite4+Naive-UI 项目自动导入API和组件

一、Vue3常用API导入安装依赖 pnpmi-Dunplugin-auto-import进行Vite配置文件名:vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importAutoImportfrom'unplugin-auto-import/vite'//https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[vue(),AutoImport({//自动导入Vue相关函数,如:ref,reactive,toRef等im

Vue2-文件上传、下载场景功能

上传功能在项目开发中,上传文件的应用场景非常的多,一般情况下,上传的接口都是由公司内部自己开发一套适用于任何场景都可以使用的接口,但是这意味着该接口所涉及到的工作量与技术点就非常的多,且不稳定。于是大公司选择了前者自己研发,小公司则选择了性价比更高的第三方云存储服务,国内知名的云技术服务商基本上是阿里云和腾讯云。以下是腾讯云存储COS基本使用流程:腾讯云存储COS​**对象存储(CloudObjectStorage,COS)**是由腾讯云推出的无目录层次结构、无数据格式限制,可容纳海量数据且支持HTTP/HTTPS协议访问的分布式存储服务。腾讯云COS的存储桶空间无容量上限,无需分区管理,适用

计算机毕业设计ssm+vue基本微信小程序的好物推荐分享系统

文末获取资源,收藏关注不迷路文章目录项目介绍技术介绍项目界面关键代码目录项目介绍我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,好物分享系统小程序被用户普遍使用,为方便用户能够可以随时进行好物分享系统小程序的数据信息管理,特开发了基于好物分享系统小程序的管理系统。好物分享系统小程序的设计主要是对系统所要实现的功能进行详细考虑,确定所要实现的功能后进行界面的设计,在这中间还要考虑如何可以更好的将功能及页面进行很好的结合,方便用户可以很容易明了的找到自己所需要的信息,还有系统平台后期的可操作性,通过对信息

vue+element项目中多个tabs页调一个接口、多个tabs页调多个接口

1.多个tabs标签页请求同一个接口2.多个tabs标签页请求多个接口 需求描述:有三个可切换的tabs页签,红色的两个框里的tabs页签请求的是同一个接口,但是两个页签传递的参数值不一样,橙色的框里请求的是另一个接口。通过点击不同的tabs页签去跳转页面并请求不同的接口返回的数据。默认显示最新知识页签的数据。html页面: 最新知识和热门知识调的是同一个接口,排行榜是一个接口。接口:最新知识和热门知识的接口给后端传的参数rankingType(直接传汉字 ):"最新知识"or"热门知识"。排行榜的接口给后端传的参数rankingListType:"下载排行"。实现: 在api文件里新建相关文