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


Posted in Javascript onMarch 02, 2018

使用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计算属性自带的缓存功能方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
让input框实现类似百度的搜索提示(基于jquery事件监听)
Jan 31 Javascript
JavaScript截取指定长度字符串点击可以展开全部代码
Dec 04 Javascript
JavaScript中点击事件的写法
Jun 28 Javascript
ES6数组的扩展详解
Apr 25 Javascript
vue2 router 动态传参,多个参数的实例
Nov 10 Javascript
详解vue-cli项目中怎么使用mock数据
May 29 Javascript
从零开始搭建vue移动端项目到上线的步骤
Oct 15 Javascript
微信小程序云开发修改云数据库中的数据方法
May 18 Javascript
微信小程序 确认框的实现(附代码)
Jul 23 Javascript
JS实现放烟花效果
Mar 10 Javascript
react国际化化插件react-i18n-auto使用详解
Mar 31 Javascript
如何在vue中使用HTML 5 拖放API
Jan 14 Vue.js
解决vue 更改计算属性后select选中值不更改的问题
Mar 02 #Javascript
完美解决iview 的select下拉框选项错位的问题
Mar 02 #Javascript
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
Mar 02 #Javascript
vue element-ui table表格滚动加载方法
Mar 02 #Javascript
浅谈React组件之性能优化
Mar 02 #Javascript
vue实现裁切图片同时实现放大、缩小、旋转功能
Mar 02 #Javascript
vue slot 在子组件中显示父组件传递的模板
Mar 02 #Javascript
You might like
ftp类(myftp.php)
2006/10/09 PHP
一些被忽视的PHP函数(简单整理)
2010/04/30 PHP
php连接mssql的一些相关经验及注意事项
2013/02/05 PHP
Laravel程序架构设计思路之使用动作类
2018/06/07 PHP
javascript IFrame 强制刷新代码
2009/07/23 Javascript
jQuery获取地址栏参数插件(模仿C#)
2010/10/26 Javascript
jQuery实用基础超详细介绍
2013/04/11 Javascript
Javascript核心读书有感之词法结构
2015/02/01 Javascript
JavaScript获得当前网页来源页面(即上一页)的方法
2015/04/03 Javascript
jQuery 1.9.1源码分析系列(十三)之位置大小操作
2015/12/02 Javascript
微信小程序 canvas API详解及实例代码
2016/10/08 Javascript
bootstrap读书笔记之CSS组件(上)
2016/10/17 Javascript
js链表操作(实例讲解)
2017/08/29 Javascript
JS使用正则表达式获取小括号、中括号及花括号内容的方法示例
2018/06/01 Javascript
JavaScript中的 new 命令
2019/05/22 Javascript
bootstrap datepicker的基本使用教程
2019/07/09 Javascript
使用 Element UI Table 的 slot-scope方法
2019/10/10 Javascript
初学vue出现空格警告的原因及其解决方案
2019/10/31 Javascript
JavaScript实现简单的弹窗效果
2020/05/19 Javascript
JS中队列和双端队列实现及应用详解
2020/09/29 Javascript
python字符串连接方式汇总
2014/08/21 Python
理解Python垃圾回收机制
2016/02/12 Python
详解Python中的from..import绝对导入语句
2016/06/21 Python
python使用pyqt写带界面工具的示例代码
2017/10/23 Python
Python退火算法在高次方程的应用
2018/07/26 Python
Pycharm中Python环境配置常见问题解析
2020/01/16 Python
django ListView的使用 ListView中获取url中的参数值方式
2020/03/27 Python
马来西亚在线购物:POPLOOK.com
2019/12/09 全球购物
NICKIS.com荷兰:设计师儿童时装
2020/01/08 全球购物
2014年基层党组织公开承诺书
2014/03/29 职场文书
爱祖国爱家乡演讲稿
2014/09/02 职场文书
优秀党员个人总结
2015/02/14 职场文书
2015年全国助残日活动方案
2015/05/04 职场文书
最感人的道歉情书
2015/05/12 职场文书
DBCA命令行搭建Oracle ADG的流程
2021/06/11 Oracle
纯CSS3实现div按照顺序出入效果
2021/07/15 HTML / CSS