Vue学习笔记-Vue3中的readonly和shallowReadonly

readonly

• 导入：import {readonly} from 'vue'
• 作用：让一个响应式数据变为只读的（深只读）
• 用法： let data = readonly(data)

shallowReadonly

• 导入：import {shallowReadonly} from 'vue'
• 作用：让一个响应式数据变为只读的（浅只读）
• 用法：let data = shallowReadonly(data)

[备注]：上述应用场景一般用在不希望响应式数据被修改时（例如，某个响应式数据来自于别的模块，而自己负责的模块只是需要读取使用，而不用修改）