怎么禁止vue计算属性自带的缓存功能

PHP中文网 JavaScript

本文摘自PHP中文网，作者php中世界最好的语言，侵删。

这次给大家带来怎么禁止vue计算属性自带的缓存功能，禁止vue计算属性自带缓存功能的注意事项有哪些，下面就是实战案例，一起来看一下。

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

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

HTML代码

1

2

3

<p id="mess">

    <p>{{exapm}}</p>

  </p>

JS代码：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

var vue2 = new Vue({

   el:"#mess",

   data:{

     sendmess:" i dhsjknkjvnkrenvr"

   },

 computed:{

   exapm:{

     cache:false,

     get:function(){

       return Date.now()+this.sendmess

     }

   }

   }

 });

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

jQuery怎么实现左右滑动的toggle

在Vuejs里利用index对第一项添加class的方法

以上就是怎么禁止vue计算属性自带的缓存功能的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

在html中，如何用style添加属性

如何使用jquery对属性进行获取、设置和删除

css布局之盒子模型属性

html如何使用title属性让鼠标悬停来显示文字

怎样让vue更改计算属性但是不更改select的选中值

css的属性有哪些

css中用什么属性来定义盒的类型

h5元素/属性/格式化的详细介绍

html button标签的属性有哪些

详解html5 表单属性

更多相关阅读请进入《自带》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...