AllenCai 最近的时间轴更新 AllenCai 最近的时间轴更新 |
AllenCaiV2EX 第 435633 号会员，加入于 2019-08-13 13:44:47 +08:00 |
| 输入的提示信息怎么让大多数人容易理解 程序员 • AllenCai • 174 天前 • 最后回复来自 craiiz | 12 |
| 坐高铁,被手机气到了! 随想 • AllenCai • 175 天前 • 最后回复来自 Spark100 | 28 |
| 快 2023 年了,大家都在用什么后端语言?或者全栈用什么?你觉得有什么优势？ 调查 • AllenCai • 185 天前 |
| 感觉现在的手机号绑定的东西太多了,换手机号很麻烦! 分享发现 • AllenCai • 222 天前 • 最后回复来自 julyclyde | 42 |
AllenCai 最近回复了
88 天前 回复了 daiwenzh5 创建的主题 › Vue.js › vue3 里面使用 jsx 解构属性，响应式丢失了，怎么处理 |
@shakukansp 是的，因为 reactive 的 proxy 化时深层的，所以第一层解开会有第二层的 proxy 在，只有当值为基础类型时，解构赋值会把引用断开
88 天前 回复了 daiwenzh5 创建的主题 › Vue.js › vue3 里面使用 jsx 解构属性，响应式丢失了，怎么处理 |
shakukansp 他说的是解构会导致 proxy 对象被解开，触发不了 proxy 里的 getter ，是原因所在。
johnkiller 他说的是将之前的 proxy 引用放在一个新作用域里，所以解构后还是在使用之前的 proxy 引用，实现 OP 的效果，是一种解决办法。
johnkiller 他说的是将之前的 proxy 引用放在一个新作用域里，所以解构后还是在使用之前的 proxy 引用，实现 OP 的效果，是一种解决办法。
88 天前 回复了 daiwenzh5 创建的主题 › Vue.js › vue3 里面使用 jsx 解构属性，响应式丢失了，怎么处理 |
我先打脸我自己，其实#70 这样写根本就不用 toRefs
看了这么久，其实就是 proxy 的问题
看了这么久，其实就是 proxy 的问题
88 天前 回复了 daiwenzh5 创建的主题 › Vue.js › vue3 里面使用 jsx 解构属性，响应式丢失了，怎么处理 |
我觉得两个人说的都对，只是各自角度不同。
还有 demo2 改成 toRefs 会不会就实现 OP 的效果了？只谈实现不谈原理。
<script>
import { defineComponent, ref, toRefs, computed, reactive } from "vue";
function useCounter() {
const number = ref(0);
const count = computed(() => number.value + 1);
return toRefs({
// count 是一个 ref
count,
number,
});
}
export default defineComponent({
setup() {
const counter = useCounter();
return () => {
// 解构 count 为 ref
return <Display {...counter} />;
};
},
});
function Display(props) {
return (
<div>
<button onClick={() => props.number.value++}>inc</button>
<div>{props.count.value}</div>
</div>
);
}
</script>
还有 demo2 改成 toRefs 会不会就实现 OP 的效果了？只谈实现不谈原理。
<script>
import { defineComponent, ref, toRefs, computed, reactive } from "vue";
function useCounter() {
const number = ref(0);
const count = computed(() => number.value + 1);
return toRefs({
// count 是一个 ref
count,
number,
});
}
export default defineComponent({
setup() {
const counter = useCounter();
return () => {
// 解构 count 为 ref
return <Display {...counter} />;
};
},
});
function Display(props) {
return (
<div>
<button onClick={() => props.number.value++}>inc</button>
<div>{props.count.value}</div>
</div>
);
}
</script>
102 天前 回复了 fengjianxinghun 创建的主题 › 程序员 › notion AI 申请通过了，试了下写论文感觉很不错 |
You’re #869034 in line
当这份工作对你来说并不是特别重要的时候,就不会紧张.
167 天前 回复了 xdxtao 创建的主题 › 生活 › 接两年前的帖子：一线城市的生活成本真的高嘛？ |
在 B 站看过视频,原来是你啊
171 天前 回复了 kisshere 创建的主题 › 程序员 › 网页怎样尽可能禁止用户复制图片地址？ |
blob 试试
要不加点钱就电动车吧
Select Language