本篇内容介绍了“vueshallowRef作用及引发的问题怎么解决”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！最近在开发遇到一个问题，使用shallowRef居然导致视图更新了，这一看把我也给搞懵了，后来便仔细看了看文档，现在来总结一下。ref是一个定义响应式的API,可以通过访问.value属性修改并更新到视图上。但是shallowRef并不会被深层递归成响应式，也就是说使用.value.属性是不会更新到试图上的。只能是替换整个.value才会更新。那么我们现在遇到的问题是怎么样导致的呢？通过我去注释代码，最后只剩下几行代码，通过一个小例子来看看： 比如：现在是这样的，当我们点击按钮时，打印出shallowValue的会发现更新啦，但是视图并未更新。再定义一个ref值。同样在点击按钮触发的函数里面改变ref的值。会发现不仅是ref的值更新啦，shallowRef的值也更新啦。这是怎么回事呢？我们在浏览debug一下，发现执行refValue.value触发set函数时同时一会触发triggerRefValue函数。那triggerRefValue函数又是什么东东？说到triggerRefValue就可以提到triggerRef(), triggerRef()会强制触发依赖于一个shallowRef，同时会更新视图.点击按钮时会发现视图同时也会更新。现在我们回到刚才的那个问题，说到triggerRefValue与triggerRef,那他们俩是什么关系呢？ 在触发triggerRefValue下面有段代码。就是triggerRef函数免费云主机域名，而这个函数里面就一行代码，就是triggerRefValue函数，所以说triggerRef的核心功能就是triggerRefValue函数来做的，上面说到triggerRef会强制触发视图更新，就等于是triggerRefValue强制视图更新啦。以至于在点击按钮时修改ref的值触发了triggerRefValue函数，间接影响到了shallowRef的值，才会使视图更新。“vueshallowRef作用及引发的问题怎么解决”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注百云主机网站，小编将为大家输出更多高质量的实用文章！
这篇文章主要介绍“jquery中$的作用是什么”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“jquery中$的作用是什么”文章能帮助大家解决问题。 作用有：1、作为jQuery包装器，利用选择器来选择DOM元素，语法“…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
