跳到主要内容

4 篇博文 含有标签「Vue」

查看所有标签

· 阅读需 1 分钟
Hanasaki

在使用vuex时,由于state是响应式的,用它获取对象值输出也是proxy对象。例如:

在这里插入图片描述

无论是Vuex还是使用的Composition API 的reactive(),vue中的响应式对象可使用toRaw()方法获取原始对象。

// 导入toRaw函数
import { toRaw } from '@vue/reactivity'
// 该函数返回转换后的对象
const crystal = toRaw(store.state.mapping.crystal)
// 输出可以看到已经不是proxy对象了
console.log(crystal[0])

在这里插入图片描述

· 阅读需 2 分钟
Hanasaki

readonly

取得一个对象(反应性或普通)或ref并返回一个只读代理。访问的任何嵌套属性也将是只读的。
传入普通对象等返回只读代理。
传入普通数值或字符串不能变成只读,例如 readonly('abc')