随着我们的应用程序的不断增长并开始进行复杂的计算时，对速度的需求越来越高，所以流程的优化变得必不可少。 当我们忽略这个问题时，我们最终的程序需要花费大量时间并在执行期间消耗大量的系统资源。缓存是一种优化技术，通过存储开销大的函数执行的结果，并在相同的输入再次出现时返回已缓存的结果，从而加快应用程序的速度。如果这对你没有多大意义，那没关系。 本文深入解释了为什么需要进行缓存，缓存是什么，如何实现以及
转载
2023-08-31 21:47:34
26阅读
data 类型为对象或函数 ###什么时候为对象？什么时候为函数? /* * 当使用new Vue({})时候可以为对象，因为这种方式是生成一个根组件 * 根组件不会复用，就不会存在data数据共享的情况.其他组件的data声明必须为一个函数 * 否则会提出警告，程序无法正常执行 * */ Vue. ...
转载
2021-07-24 11:09:00
366阅读
1. 组件对象属性可包含：
data, methods, etc2.
data属性必须是函数，且该函数返回一个对象，对象内部保存数据。<body><div id="app"> <my-cpn></my-cpn></div><template id="cpn"> <div> <h2>test</h2> <h2>{{title}}</h2>
原创
2022-02-26 11:56:53
233阅读
# 如何实现“vue data axios”
## 1. 整体流程
### 步骤
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 安装axios库 |
| 2 | 在Vue组件中引入axios库 |
| 3 | 在Vue组件中使用axios发送请求 |
| 4 | 处理请求返回的数据 |
## 2. 每一步的代码及说明
### 步骤1：安装axios库
```mar
原创
2024-06-02 06:42:42
38阅读
VUE框架_data和$data机制解析------VUE框架
缓存方式localStoragesessionStoragestorage.js（实际上时多种方式的集合也包括了前两种)vuexkeep-alive(主要用于保留组件状态或避免重新渲染，自动缓存，并不能自己读写)localStorage可长期存储数据，除非用户清楚localStorage信息，否则数据会一直存在。同一中浏览器之间，不同页面，数据可以共享。//存
// 将this.pickerIte
转载
2024-03-25 14:43:32
123阅读
问题描述大家用vue脚手架搭建前端工程时，常被缓存问题所困扰，具体的表现就是，当程序版本升级时，用户因为缓存访问的还是老的页面，然后很多同学很暴力的直接在index.html中加入了这几行代码： <meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<
转载
2024-04-29 09:41:01
274阅读
vue-router时 keep-alive 页面缓存问题解决keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。keep-alive 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。当组件在 keep-alive内被切换，它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。 作用：在组件切换过程中将状态保
转载
2024-04-16 16:53:08
66阅读
一、< keep-alive >< keep-alive > 用来缓冲插槽中的内容（缓冲后不会重新渲染），就是 < keep-alive >……< / keep-alive>标签包裹的内容，里面只允许一个根标签，多个根标签只缓冲第一个标签，如：<keep-alive>
<div>root1</div>
<
转载
2024-08-03 16:06:21
631阅读
缓存，不管是PC 端还是移动端，不可避免的问题。vue中有一个keepAlive,这个api 基本 能实现我们开发的一些需要。 一、简单介绍下keep-alive: 1、把切换出去的组件保留在内存中，可以保留它的状态或避免重新渲染，实现页面缓存； 2、<
转载
2023-06-01 15:30:27
309阅读
############ ##########
原创
2022-09-11 00:42:46
767阅读
上面那种方法是new Vue实例中的写法。这种写法在Vue实例中是全局可见的，容易造成数据污染new Vue({
el: "#id",
data: {
message: "Vue实例"
}
});第二种data写法是在组件中的写法export default {
name: "home";
data() {
return {
message: "组件化项目一般这样
vue中强大的缓存机制之keep-alive 最近在用vue做项目，在切换页面时发现切换回原来的页面无法保存原来的状态。 如A页面需要ajax请求数据，然后切换到B页面做某些事情，再切换回A页面时，A页面又再请求数据，但是作为前端，性能优化时必须要考虑的，并且，vue构建的单页面应用，大多数情况下是不需要重新请求数据的，这时keep-alive就派上用场了。 第一部分：
转载
2024-07-02 15:08:13
118阅读
需求在开发vue的项目中有遇到了这样一个需求：一个视频列表页面，展示视频名称和是否收藏，点击进去某一项观看，可以收藏或者取消收藏，返回的时候需要记住列表页面的页码等状态，同时这条视频的收藏状态也需要更新, 但是从其他页面进来视频列表页面的时候不缓存这个页面，也就是进入的时候是视频列表页面的第一页一句话总结一下： pageAList->pageADetail->pageAList, 缓存
转载
2023-08-27 22:48:22
138阅读
JPA的EntityManager操作1.简介持久化单元（persist unit）就是关于一组Entity的命名配置。持久化单元是一个静态概念。 持久化上下文（Persist Context）就是一个受管的Entity实例的集合。每一个持久化上下文都关联一个持久化单元，持久化上下文不可能脱离持久化单元独立存在。持久化上下文是一个动态概念。 尽管持久化上下文非常重要，但是开发者不直接与之打交道，持
一、启用对缓存的支持 Spring 对缓存的支持最简单的方式就是在方法上添加@Cacheable和@CacheEvict注解，再添加注解之前，必须先启用spring对注解驱动的支持，基于java的配置的话，直接在某个java配置类上添加@EnableCaching。 如下： 1 @Configuration
2 //启用缓存
3 @EnableCaching
4 public clas
转载
2024-03-21 14:06:01
31阅读
data 必须是一个函数上面例子中，可以看到 button-counter 组件中的 data 不是一个对象，而是一个函数：data: function () {return {count: 0}}这样的好处就是每个实例可以维护一份被返回对象的独立的拷贝，如果 data 是一个对象则会影响到其他实例，如下所示：<!DOCTYPE html><html> <head&g
原创
2021-01-10 22:05:01
455阅读
vue-cli4.x搭建的vue项目引用json文件，因为一些原因json路径不固定，就想到使用变量接收路径，然后require变量但是不行：let url = "./data/test.json",
json = require(url);
console.log(json);用[]解析变量也不行let url = "./data/test.json",
json = requi
Vue模板语法有2大类1.插值语法 {{}} 功能：用于解析标签体内容。 写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性。2.指令语法 以v-开头 功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…）。Vue中有2种数据绑定的方式1.单向绑定 v-bind 数据只能从data流向页面。 v-bind: 绑定事件 v-bind:href=“xxx” 或 简写为
转载
2024-10-08 20:09:47
59阅读
redis缓存优化—SpringCache1. 问题引入2. SpringCache2.1 注解@EnableCaching2.2 注解@CachePut2.3 注解@CacheEvict2.4 注解@Cacheable2.5 集成redis2.6 序列化异常 1. 问题引入问题：所有数据从数据库MySQL直接查询，可能会存在问题：频繁访问数据库，数据库访问压力大，系统性能下降。用户体验较差解决
转载
2024-06-28 09:48:09
104阅读
