有时我们想跟踪响应式对象 (ref 或 reactive) 的变化，但我们也希望防止在应用程序的某个位置更改它
<template>
<div>
{{ value1 }}
</div>
</template>
<script>
import { readonly, ref } from "vue";
export default {
setup() {
let value1 = ref("readyonly value1");
//
value1 = readonly(value1);
// 更改值 输出警告：set operation on key "value" failed: target is readonly
value1.value = "new value";
return {
value1,
};
},
};
</script>
有时我们想跟踪响应式对象 (ref 或 reactive) 的变化，但我们也希望防止在应用程序的某个位置更改它 案例
vue2的响应式原理 无法响应对象的新增与删除 vue3的响应式原理
Vue3 使用 Proxy 对象重写响应式系统，这个系统主要有以下几个函数来组合完成的： 1、reactive:接...
Vue2响应式原理 Vue3响应式原理
Vue3 和 Vue2 的响应式有很大的不同，由于 Vue3 使用 Proxy 代替了 definePropert...
Vue3 在组件中使用ref()或reactive()都可以创建响应式数据 Vue2 中操作 Vue3 ref r...
toRaw 与 markRaw 目的是不想使用响应式对象 toRaw，将一个响应式对象转为普通对象，对这个普通对象...
Vue3 中引入了 proxy进行数据劫持，而effect是响应式系统的核心，而响应式系统又是 vue3 中的核心...
问题 1、Vue3的响应式原理和Vue2有什么不同呢？ Vue3是使用Proxy，Proxy可以劫持整个data对...
Vue3启程 关键字：创建vue实例、响应式、响应式原理、组合式API 1. 初始Vue3 Vue2存在一些缺陷，...
本文标题：11、Vue3 使用 readonly 防止更改响应式对象
本文链接：https://www.haomeiwen.com/subject/avdytltx.html
网友评论