Vue框架在项目开发中如何实现组件的复用？

本文共计934个文字，预计阅读时间需要4分钟。

目录 + shallowRef 是什么 + 发现问题 + triggerRefValue 与 triggerRef 解决问题 + end + shallowRef 是什么 + 最近在开发遇到一个问题，使用 shallowRef 导致视图更新了，这一看把我也给搞乱了，后来方便了才看明白了

目录

• shallowRef是什么
• 发现问题
• triggerRefValue与triggerRef
• 解决问题
• end

shallowRef是什么

最近在开发遇到一个问题，使用shallowRef居然导致视图更新了，这一看把我也给搞懵了，后来便仔细看了看文档，现在来总结一下。

ref是一个定义响应式的API,可以通过访问.value属性修改并更新到视图上。

但是shallowRef并不会被深层递归成响应式，也就是说使用.value.属性是不会更新到试图上的。只能是替换整个.value才会更新。