@daiwenzh5 #27 那你说里面的 count 和 doubleCount 和原先 ref 的还有什么联系？

@shakukansp 请看 OP 的需求，是解决问题。他的源代码在 #15

我在他的原代码里，创建了一个全新、互不相干的引用对象，不是同样解决了 OP 的问题？
你不需要纠结引用问题，你说的都对。但这里讨论的是 Vue 特性，以及解决 OP 的问题：如何优雅的解构传值。

@shakukansp 你所阐述的引用逻辑没问题，但还是只说对了 js 特性，没说 Vue 特性，没解决问题。

OP 这里提的问题的根本原因还是 Vue 依赖收集。要解决 OP 的问题，就是需要在 render 里触发对代理变量的 getter ，不然你没有任何解法。

“主要问题还是引用链断裂而不是没有在 render 里面触发 getter”，对于这句话，可以上最简单的例子：
https://codesandbox.io/s/vue3-jsx-demo-forked-biscpk?file=/src/components/Demo1.vue

引用链断裂不是导致失去响应式的原因，在以上的例子里，我创建了一个全新的和 count 毫不相干的对象，依然能够保持响应式。

我给 Vue3 的 @vue/reactivity 模块贡献过 PR ，还是能唠几句的。

https://codesandbox.io/s/vue3-jsx-demo-forked-jnp8k2?file=/src/components/Demo2.vue

@daiwenzh5 那么 reactive 可以很容易的解决你的问题

一楼老兄说明白了 js 值类型，但没明白 vue 的响应式原理。

写了个线上完整的例子，希望能够帮到你：
https://codesandbox.io/s/vue3-jsx-element-plus-forked-n9lvlk?file=/src/App.vue

#10 #11 的括号有些小问题，将就着看吧。

再进一步就是封装一个 computed 。

```js
const someprops = computed(() => ({one: xxx.value, two: xxx.value}})
return () => (
return <component {...someprops.value} ></component>
)
```

核心目的是让 value 的 getter 在返回的 render 函数里触发，Vue 才能正常收集依赖。你的写法是在 render 被调用之前就 get 了，当然也就失去了响应式。

在 render 函数里触发 getter 就行了。
```js
return () => (
const someprops = {
one: getOne.value,
}
return <component {...someprops} ></component>
)
```

强烈建议用 doh ，因为 dns 不加密所以无论你换成什么权威服务器，在传输过程中都可以被任意环节篡改。

进 #12 的首页看了一圈，分不清是个 AI ，还是外国友人。。。

楼上也是正解

一楼正解

老哥转行的有这种技术审美已经很棒了，看了你的 Github 几个仓库，其实你的实际水平已经超过很多中大厂的混子了。培训班那些 3 个月速成，屁都不会的都能拿 10k+，

1. 你现在简历里面最缺的就是项目经验，花几个月再做两个有趣的项目，不要烂大街的管理系统，保持代码规范，注释写全。

2. 过程中把工程化的知识补起来，建议一起把 React 补起来，只会 Vue 会吃亏（虽然国内中小厂 Vue 多），以及穿插着背一些面试八股文。

3. 去掉其他行业工作经验，如果目标是中小厂，可以包装 1 年经验（你的水平，多包装 1 年肯定没问题）。

4. 看了你的 easy-share 前后端代码写的都还算规范，其实也可以稍微完善一下放在简历里面的。

5. Github 链接也可以直接贴到简历里，提交代码记录，也能表现出你的自主学习能力。


最后：简历最好用 a4 纸排版写，因为首先要给 HR 看。

我完全相信你可以找到工资至少翻 3 倍的工作。

v 站的其它老哥，也可以通过简历域名上的用户名进到楼主的 Github ，再做判断。

收 22 届吗

无它，因为马上 16 号了。

武汉还有大前端的坑吗