一、< keep-alive >< keep-alive > 用来缓冲插槽中的内容(缓冲后不会重新渲染),就是 < keep-alive >……< / keep-alive>标签包裹的内容,里面只允许一个根标签,多个根标签只缓冲第一个标签,如:<keep-alive> <div>root1</div> <
一,场景A页面是表单页面,填写后需要跳转B页面。如果B页面不操作返回的话,应该能还原A页面的内容,而如果B页面点击提交,再回到A页面的时候,应该清除缓存。二,实现方法A页面要缓存数据,则需要用keep-alive包裹。 B页面点击提交后需要清空缓存,则需要清除A页面的keep-alive缓存。 于是可以利用keep-alive的:include属性,只有在这个列表中的页面才具备缓存,不在这个列表中
项目场景:在做后台管理系统的时候,有这样一个需求: 后台的界面如下:点击左边的菜单,会在右边的顶部生成一个个tag导航标签。当打开多个tag页时,用户可以在多个tag之间进行切换。需要在新增,修改页面切换tag时候,保留之前的信息,不进行页面的刷新。问题描述经过查询vue文档,可以使用keep-alive实现标签路由缓存,实现方式如下: 在路由配置的meta中添加keepAlive,如下:{
修改build/webpack.prod.conf.js路径里的文件const version = new Date().getTime();output: { path: config.build.assetsRoot, filename: utils.assetsPath('js/[name].[chunkhash]'+version+'.js'), chunkFilename...
原创 2022-07-06 16:34:25
69阅读
vue cmd命令所包含知识点:清除缓存:npm cache clean --force当npm install无效,需要进行npm cache clean --force命令操作, 如果这样操作不成功的话,去C盘清空一个文件夹: C/用户/administrator/appdata/Roaming/npm-cache 直接将路径下该文件夹右键删除 再重新npm install路由配置的两种方式l
转载 5月前
315阅读
背景:vite+vue3项目发布后,浏览器上还是旧代码,没有及时更新到最新代码。解决:vite采用的rollup打包。rollup打包默认输出文件格式[name]-[hash].js,将输出格式改为[name].[hash].js解决了上述问题。build: { rollupOptions: { output: { entryFileNames: `
转载 13天前
20阅读
vue 关闭浏览器窗口的时候,清空localStorage的数据如果是用vue做的单页面程序的时候,将监听的方法放在App.vue是最灵活的<template> <div id="main" class="app-main"> <router-view></router-view> </div> </
前言 业务里经常有这样的需求, 页面跳转的时候保持前一个页面的状态跟数据, 方便返回时处理 例如: A->B需要缓存, A->C不需要缓存 网上大部分例子都需要去处理业务组件, 感到非常不合理 故自己分享改功能用来处理此类问题 vue的keepAlive组件很适合解决这类问题, 但还是有缺陷, 比如很难灵活的根据路由来控制是否需要缓存, 只能简单的通过inclu
vue打包时会遇到前端明明发布了,但是浏览器却没有更新。需要强制刷新才能看到最新的内容。解决方法一加时间戳后缀在 vue.config.js 的文件中加入const Timestamp = new Date().getTime(); module.exports = { configureWebpack: { // webpack 配置 output: { // 输出重构 打包编译
原创 2023-08-10 11:40:51
431阅读
1、清空DNS缓存命令为:ipconfig/flushdns,我们只要在如下图所示的命令框中输入此命令,如下图2、这样我们就成功的完成了DNS缓存清理了,其实很简单,当我们电脑无法上网,或者DNS出错的时候都可以尝试下清除DNS缓存试试。另外大家还可以在以上命令框中,输入ipconfig /displaydns这个命令,来查看一下本机已经缓存了哪些DNS信息。清除缓存地址HKEY_CURRENT_
转载 2023-06-09 23:36:19
577阅读
在博文“ 详述 IntelliJ IDEA 的使用界面 ”中,博主说过这样一句话“ 对于首次创建或打开的新项目,IntelliJ IDEA 都会创建项目索引,大型项目在创建索引的过程中可能会出现卡顿的现象,因此强烈建议在 IntelliJ IDEA 创建索引的过程中不要动项目。IntelliJ IDEA 的缓存和索引主要是用来加快文件查询的速度,从而提高各种查找、代码
EhCache 是一个纯 Java 的进程内缓存框架,具有快速、精干等特点,是 Hibernate 中默认的 CacheProvider。本文充分的介绍了 EhCache 缓存系统对集群环境的支持以及使用方法。EhCache 缓存系统简介EhCache 是一个纯 Java 的进程内缓存框架,具有快速、精干等特点,是 Hibernate 中默认的 CacheProvider。下图是 EhCache
前言: 我的需求是后台管理系统, 左侧有menu(切换),上面有tabs(标签,可以切换、关掉、关闭左侧、关闭右侧、关闭其他页面等功能),显示在一块地方(jeecg用的他的模板)三个方法(两种类型): 1、使用方法,让组件摧毁this.$destroy()2、include、extends<keep-alive :include="keepAliveList"> <r
转载 7月前
39阅读
每一次分享技术文章,都是基于自己的痛点,基于自己的需求。这次也一样,所以分享具体方法之前,我先说一下我这次的需求与痛点:一、需求痛点在博客集成了代码版缓存功能之后,为了方便在前台清理页面缓存,我特意写了ajax清理缓存的功能(相关文章)。这个功能写好之后确实可以正常工作。但是,为了让网站加载速度提升到极致,我还在nginx里面加了类似于WP Super Cache的mod_rewrite机制:当存
Vue CLI1、简介2、安装3、创建项目3.1 vue create1、简介  在开发大型单页应用时,需要烤炉项目的组织结构、
原创 2023-02-13 11:42:42
159阅读
Vue CLI 在开发大型单页面应用时,需要考虑项目的组织结构、项目构建、部署、热加载、代码单元测试等多方面与核心业务逻辑无关的事情,对于项目中用到的构建工具、代码检查功能等还需要一遍一遍地重复配置。为此我们选择能够创建脚手架的工具,来帮助搭建一个项目的框架,并进行一些项目所依赖的初始配置。 简介 ...
转载 2021-08-28 22:00:00
245阅读
2评论
周末在家新建了一个 Vue 测试项目,但不管怎么建,总会提示一些 有的没的,杂七杂八的信息,如:找不到 funding、存在多少漏洞(vulnerabilities) 什么的。如下所示:寻思着,出现这些问题的原因,应该是一些 不太重要的依赖包 更新了版本 或 迁移了地址,导致之前的 Vue-CLI 找不到 对应的版本 或 依赖包地址了。虽然暂时没发现这些错误对项目的运行和打包有啥影响,但是一句
Vue
转载 2021-05-10 18:17:13
819阅读
2评论
https://cli.vuejs.org/zh/guide/mode-and-env.html
转载 2020-06-16 15:14:00
177阅读
2评论
VUE CLI 1.什么是Vue CLI (Command Line Interface)? Vue CLIvue官方提供的脚手架工具, 默认已经帮我们搭建好了一套利用webpack管理vue的项目结构 2.如何安装Vue-cli和使用Vue-CLI? 安装脚手架工具: npm install - ...
转载 2021-09-25 21:39:00
161阅读
2评论
样例新建项目后,package.json 下的 script "scripts": { &q
原创 2023-02-22 11:04:47
200阅读
  • 1
  • 2
  • 3
  • 4
  • 5