fe-interview
fe-interview copied to clipboard
[vue] v-once的使用场景有哪些?
[vue] v-once的使用场景有哪些?
单次触发的场景
表单提交。可防止用户在请求未及时响应时,多次提交~
表单提交。可防止用户在请求未及时响应时,多次提交~
那假如触发了验证,验证失败了需要重新提交呢
v-once 只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。
当页面需要显示一个元素的首次渲染的初始值以及在这之后变化后的值时,可以对首次渲染的标签使用v-once
{{msg}}
//msg不会改变{{msg}}
只渲染一次,不会随着数据改变而改变 随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过,可以优化更新性能。
表单提交。可防止用户在请求未及时响应时,多次提交~
那假如触发了验证,验证失败了需要重新提交呢 可以在input失焦触发网络请求验证数据是否合格