fe-interview icon indicating copy to clipboard operation
fe-interview copied to clipboard

[vue] v-once的使用场景有哪些?

Open haizhilin2013 opened this issue 5 years ago • 7 comments

[vue] v-once的使用场景有哪些?

haizhilin2013 avatar Jun 22 '19 21:06 haizhilin2013

单次触发的场景

ccllff avatar Jul 04 '19 10:07 ccllff

表单提交。可防止用户在请求未及时响应时,多次提交~

janwenGighub avatar Jul 12 '19 02:07 janwenGighub

表单提交。可防止用户在请求未及时响应时,多次提交~

那假如触发了验证,验证失败了需要重新提交呢

sky124380729 avatar Oct 21 '19 07:10 sky124380729

v-once 只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。

canwdev avatar Mar 05 '20 00:03 canwdev

当页面需要显示一个元素的首次渲染的初始值以及在这之后变化后的值时,可以对首次渲染的标签使用v-once

{{msg}}

//msg不会改变

{{msg}}

AustinWen0530 avatar May 16 '20 05:05 AustinWen0530

只渲染一次,不会随着数据改变而改变 随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过,可以优化更新性能。

hyj443 avatar Oct 20 '21 16:10 hyj443

表单提交。可防止用户在请求未及时响应时,多次提交~

那假如触发了验证,验证失败了需要重新提交呢 可以在input失焦触发网络请求验证数据是否合格

YJCCreateAHistory avatar Sep 19 '22 01:09 YJCCreateAHistory