关闭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计算属性自带的缓存功能相关推荐

VUE计算属性如何带参数
计算属性主要针对一些简单运算,一般是某个参数的值受到其他一个或者多个参数影响可考虑用计算属性一般个人不建议用过于复杂的运算复杂运算可使用watch监听正常计算属性代码如下带参数的计算属性
Vue - 计算属性
1.vue计算属性-computed 一个数据, 依赖另外一些数据计算而来的结果场景: 一个变量的值, 需要用另外变量计算而得来语法: computed: {"计算属性名" ( ...
vue基础-动态class、动态style、vue过滤器、vue计算属性vue基础-动态class、动态style、vue过滤器、vue计算属性
vue基础-动态class.动态style.vue过滤器.vue计算属性文章目录 vue基础-动态class.动态style.vue过滤器.vue计算属性 vue基础-动态class vue基础-动 ...
08、VUE计算属性
1.计算属性简介在原生的JavaScript中我们需要一个来自不同数的和的变量, 我们会使用let num=a+b:这种写法,但是当a和b发生改变的时候,num并不会自动修改,在vue中我们提供了 ...
vue修改计算属性的值_八.Vue计算属性
Vue计算属性前言我们要做的是springboot和vue.js所做的前后端分离的hr项目,所以从来没接触到vue的小伙伴,可以这篇文章学Vue入门,这一篇就够了模板内的表达式非常便利,但是设 ...
5.Vue 计算属性和侦听器
Hello,我是 Alex 007,一个热爱计算机编程和硬件设计的小白,为啥是007呢?因为叫 Alex 的人太多了,再加上每天007的生活,Alex 007就诞生了. 5.Vue 计算属性和侦听器 ...
Vue计算属性、方法、侦听器
文章目录一.基础计算模板二.计算属性computed 三.方法methods 四.侦听器watch 五.总结六.源码地址一.基础计算模板 <!DOCTYPE html> <h ...
Vue 计算属性 computed
<!--计算属性:1. 定义:要用的属性不存在,要通过已有的属性计算得来2. 原理:底层借助了 Object.defineProperty 方法提供的 getter 和 setter3. get ...
你知道，什么时候用Vue计算属性吗？
摘要:当我们处理复杂逻辑时,都应该使用计算属性. 本文分享自华为云社区<深入理解计算属性,知道什么时候该用Vue计算属性吗?>,作者: 前端老实人 . 计算属性有些时候,我们在模板中放入 ...

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

关闭Vue计算属性自带的缓存功能相关推荐

最新文章

热门文章