vue3数据更新了，视图不更新

前言

	最近很多同学遇到数据更新了视图不更新的问题 、接下来我们就一起去分析一下原因，不保证100%能解决你的问题，但也一定能让你有所收获

利用改变key的方式去刷新

不管是react还是vue，在渲染过程中 其实就是一个虚拟的dom树，每个节点的key是唯一的，当这个key改变以后，对应的dom会重新渲染
我们使用的标签容器或者组件子组件，我们没有给他key的时候，react、vue会用自己的算法给他生成特有的key

利用改变key的方式去刷新的关键点：
比如你在div里{{某个响应式的变量}}，但是你发现这数据都改变了，页面怎么没有渲染出来呢，多半情况 给div加：key就可以解决，这key需要和你要显示的变量又关系，比如变量改变的时候就要改变key

reactive和ref的使用

都说vue3是沿用react的hooks写法，在react中使用hooks都必须在顶部，不能再函数内部使用,在vue3中却没有这个限制，
虽然写法上没有报错，但是却有时候会出现视图不更新的问题，后来我尝试在vue3中定义变量的时候也放在外面
，不要写在某个函数里，在函数里就正常赋值就行了，这样就解决了视图不更新的问题

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！