是否使用Vue.js阻止DOM刷新?

是否使用Vue.js阻止DOM刷新?,vue.js,Vue.js,我知道这可能表明我们对Vue.js的运行方式有了基本的了解,但接下来 我有一个使用Vue.js的应用程序,其中有一个简单的倒计时,每秒钟更新一次以显示事件开始之前的时间。每秒钟,这都会导致DOM的刷新,这意味着任何涉及确定类等的方法都会运行,这是低效的。但更重要的是,它会导致显示的任何工具提示每秒闪烁一次 所以我的问题是,有没有一种方法可以完成这个倒计时,它在Vue.js管理的div中,不需要刷新页面上的所有其他内容?不知何故,把它孤立起来?一旦你对问题有了清晰的认识,答案就足够简单了。出现此问

我知道这可能表明我们对Vue.js的运行方式有了基本的了解,但接下来

我有一个使用Vue.js的应用程序,其中有一个简单的倒计时,每秒钟更新一次以显示事件开始之前的时间。每秒钟,这都会导致DOM的刷新,这意味着任何涉及确定类等的方法都会运行,这是低效的。但更重要的是,它会导致显示的任何工具提示每秒闪烁一次


所以我的问题是,有没有一种方法可以完成这个倒计时,它在Vue.js管理的div中,不需要刷新页面上的所有其他内容?不知何故,把它孤立起来?

一旦你对问题有了清晰的认识,答案就足够简单了。出现此问题的原因是我正在使用反应数据显示计时器-
{{countdownMessage}
。因此,当反应数据发生任何更改时,将检查所有地方的反应数据。所以这里的秘密是将其保留为空div,并使用
document.getElementById(“倒计时”).innerHtml=msg
作为构建消息的方法的最后一行,而不是将值分配给数据


我太习惯于用Vue.js术语来考虑所有变化数据的显示,以至于我忘记了有时可能需要其他技术来代替。

分享您的工作代码?我希望能从一般原则中找到答案。我需要几个小时才能分离出一点代码来重现这一点。这就是你想要的吗?我有一个完全工作的倒计时钟。事实上,你可以在。我试图避免的是,当你将鼠标悬停在“Dereham Runners AC”上时会发生什么,工具提示每秒都在刷新,这是我不想要的。我想你正在调用一个正在更改工具提示的函数。在此处共享您的组件代码。它必须与您的代码编写方式有关,因为可以在不重新呈现工具提示的情况下执行此操作。看看我放在一起的例子:@NilsonJacques,这很有趣。我会研究一下,看看有什么不同的做法。谢谢你抽出时间。