当前位置: 首页 > 编程笔记 >

关闭Vue计算属性自带的缓存功能方法

洪俊拔
2023-03-14
本文向大家介绍关闭Vue计算属性自带的缓存功能方法,包括了关闭Vue计算属性自带的缓存功能方法的使用技巧和注意事项,需要的朋友参考一下

使用Vue的小伙伴都会知道,vue的计算属性。这个是这个样子解释的,当某些依赖值发生变化的时候,其自身的值也会发生变化,与之先关的DOM也会发生变化,通常呢,这个计算属性里面都会有两个方法:get和set可以使用。

这里我只分析一下,如何关闭计算属性的缓存,获取最新数据,如下实例:

HTML代码

<div id="mess">
    <div>{{exapm}}</div>
  </div>

JS代码

 var vue2 = new Vue({
    el:"#mess",
    data:{
      sendmess:" i dhsjknkjvnkrenvr"
    },
  computed:{
    exapm:{
      cache:false,
      get:function(){
        return Date.now()+this.sendmess
      }
    }
    }
  });

我们需要把cache设置成false,这样就清除了缓存,每次我们的时间都是当前时间。

以上这篇关闭Vue计算属性自带的缓存功能方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 计算属性 在模板中绑定表达式是非常便利的,但是它们实际上只用于简单的操作。在模板中放入太多的逻辑会让模板过重且难以维护。例如: <div id="example"> {{ message.split('').reverse().join('') }} </div> 在这种情况下,模板不再简单和清晰。在实现反向显示 message 之前,你应该确认它。这个问题在你不止一次反向显示 messag

  • 1. 前言 本节介绍计算属性的使用方法。包括什么是计算属性,计算属性的特点,还有计算属性和方法在实际使用中的区别。其中重点掌握计算属性和方法的区别,了解它之后,才能在日常工作中灵活使用计算属性和方法。 2. 慕课解释 计算属性就是当其依赖属性的值发生变化时,这个属性的值会自动更新,与之相关的DOM部分也会同步自动更新。— 官方定义 计算属性实际上是一个方法,它可以完成各种复杂的逻辑,包括运算、函数

  • 本文向大家介绍Thinkphp关闭缓存的方法,包括了Thinkphp关闭缓存的方法的使用技巧和注意事项,需要的朋友参考一下 因在开发中需要经常修改,从而要经常删除缓存,才能看到效果。 所以为了开发的方便,可以把缓存给去除。 1.找到\ThinkPHP\Common\convention.php和\ThinkPHP\Common\debug.php 2.打开这两个文件找到你想要的设置即可。 debu

  • 问题内容: 我是Swift的新手。计算属性和设置为闭包的属性之间有什么区别?我知道每次都会重新计算一个计算属性。封盖是否有所不同?即 关闭: 计算: 问题答案: 第一个是通过闭包初始化的存储属性。第二个是计算属性。 存储的属性的初始化关闭被调用一次,只有一次,但你可以改变存储的属性值(除非您更换同)。当您希望封装代码以在单个简洁的代码块中初始化存储的属性时,此功能很有用。 但是,每次引用变量时都会

  • 本文向大家介绍Vue计算属性的使用,包括了Vue计算属性的使用的使用技巧和注意事项,需要的朋友参考一下 我们都知道在Vue构造函数的参数对象中有一个【data】属性,该属性值是一个对象,该对象是对数据的代理,是一个键值对并且时刻与页面表现是一致的,但是这里面只能是简单的键值对,不能拥有业务逻辑,并且由于【data】中的属性属于同一个生命周期,所以如果我们需要某一个属性是依赖于另外一个属性时,在【d

  • 本文向大家介绍Vue计算属性的学习笔记,包括了Vue计算属性的学习笔记的使用技巧和注意事项,需要的朋友参考一下 本文为大家分享了Vue计算属性的学习笔记,供大家参考,具体内容如下 ①模板内的表达式实际上只用于简单的运算,对于复杂逻辑,使用计算机属性。 ②基础例子: 这里我们声明了一个计算机属性reversedMessage,我们提供的函数将用作属性vm.reversedMessage的getter