怎么阻止vue的数据更新刷新事件

发布网友发布时间：2022-04-22 23:58

共2个回答

懂视网时间：2022-04-20 04:19

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

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

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

HTML代码

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

JS代码：

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

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

推荐阅读：

jQuery怎么实现左右滑动的toggle

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

热心网友时间：2022-04-20 01:27

一般使用 Vue 开发时，不需要摸 window.onload 这类 DOM 相关的 API，而是使用 Vue 封装的组件生命周期钩子：

export default {
// ...
// 在组件初始化时调用，可以简单理解为页面加载时
created () {
// 存在 localStorage 的缓存内容
if (localStorage.data) {
this.myData = JSON.parse(localStorage.data)
}
else {
// 页面无缓存内容时，初始化数据并写入缓存
this.initData()
}
}
// 在组件销毁前调用，但这并不能监听到页面退出的事件
beforeDestory () {
// 在此同样可对 localStorage 做一些处理
}
}