Vue.js 条件v-once指令

我正在开发一个使用Vue的应用程序。它是一种允许编辑内容的文档编辑器

侧边栏中有一个胶片带，显示整个文档，中间有一个视口，显示当前页面/排列

对于100多页的大型文档，我想限制允许通过filmstrip组件进行的更新数量，因为它在调整大小方面有点滞后，并且当全局字段更改时，页面中的JS控制布局都必须同时调整大小，等等

有一个表示文档内容的数据结构，由视口和电影带中的Vue组件渲染

我可以维护两个数据结构，并且在最后一次用户交互后仅更新电影带1000ms中使用的数据结构

然而，感觉可能有更好的方法

Vue有一个名为

v-once

的指令，看起来很有希望，但是，我不知道是否可以有条件地设置它

如果可以，那么我可以设置更改超时，如果在超时结束之前发生更改，则清除超时，然后立即取消设置

v-once

，然后在下一次勾选时，再次添加超时，以便渲染暂停

如果有办法，我很想知道。

这里很清楚，您不能动态设置

v-once

。此外，还有一个将

v-if

和

v-once

组合在一起以获得所需结果的示例

摘自链接

v-once用于静态内容。v-once告诉编译器不要添加任何响应功能来节省cpu时间。否则，如果内容具有响应性，则无法使用任何方法来节省此类cpu时间

---

希望有帮助

到底是谁投票认为这个问题太宽泛了？事实上，这是非常具体的，如果你要做出这样的决定，为什么不让我知道你的理由呢？你好，谢谢你的发现。在我的案例中，实现建议的变通方法并不是那么简单。由于有数千个组件实例具有JS控制的布局，因此只要

v-if

收到truthy值，就必须呈现这些组件实例，这将导致显著的延迟。我必须在我提到的电影中的页面级别实现。我想那就是我要做的！