vue将data恢复到初始状态 && 重新渲染组件实例
1. 将data恢复到初始状态
Object.assign(this.$data, this.$opthtml" target="_blank">ions.data()) // 初始化data
这里的 this.$options.data() 作为源对象， this.$data 作为目标对象。源对象覆盖并合并目标对象中的内容，即有则覆盖，无则添加。
2. 重新渲染组件
方法一：v-if（可以重置生命周期）
虽然能实现重新渲染，但不推荐首选
方法二：给组件加key值【推荐】
通过修改key的值，就会重新渲染该组件
方法三：this.$forceUpdate()
迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。
补充知识：vue强制刷新组件 ----组件重置到初始状态
把一个组件重置到初始状态是一个常见的需求，推荐的做法有两种，一种是父组件重置子组件的 prop，另一种是子组件暴露一个重置的方法供父组件调用。但有些时候，子组件既没有提供重置的方法，也没提供 prop 来重置自己的状态。
更重要的是，这个子组件我们还动不了。于是我们就需要一种 hack 的方式来强制子组件重置到初始状态。
方法如下：
hack 的方式来强制子组件重置到初始状态
在你需要重置组件状态的操作里面加上这个句话，就可以实现组件的刷新，
v-if 在切换时，元素及它的绑定数据和组件都会被销毁并重建
以上这篇vue将data恢复到初始状态 && 重新渲染组件实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
概述 Sublime Text 可以通过删除 data 文件夹的方式恢复到初始状态。不同操作系统这个文件夹的位置也不同： OS X：~/Library/Application Support/Sublime Text 3 Windows：%APPDATA%\Sublime Text 3 Linux：~/.config/sublime-text-3 恢复到初始状态，你需要： 退出 Sublime T
-
问题内容： 我知道我可以在渲染组件时通过。我也知道这种方法。但是问题是，由于我的组件不知道它的初始状态，并没有太大帮助。我做。所以我想在渲染时通过它。 这样的东西（伪代码）： 我知道我可以使用a 作为初始状态，但这闻起来像是反模式。 我该怎么办？ 编辑清晰度 想象一下我有一个组件。到我第一次渲染它时，初始状态对应于数据库中当前注释的快照。当用户包含评论时，此列表将更改，这就是为什么它应该是a 而不
-
问题内容： 我从React中学到的一件事是，如果组件的属性不变，那么React不会重新渲染组件。无状态组件也是如此吗？还是它们的行为更像“愚蠢的”函数，并且每次都会执行？ 例如，如果我有： 当更新其价值，并获取重新渲染？还是像其他React组件一样足够“聪明”地看到其道具没有改变？ 问题答案： 更新25.10.2018 从React 16.6开始，您可以将React.memo用于功能组件以防止重新
-
我对react还比较陌生，我一直在分解一个web应用程序，并用react组件替换部分。我现在正在开发一个组件，其中包含我创建的几个不同组件。 在新组件中，我在componentDidMount函数中进行API调用，并创建子组件。乍一看，一切看起来都很完美，但当我们在其中一个子组件中进行状态更改，然后在父组件中进行更改时，子组件将其状态重置为更改之前的状态。 我知道发生了什么，州政府没有被传递给家长
-
我有一个带有两组按钮（功能和目标）的界面。当我点击一个按钮时，我希望它从一个团队转到另一个团队。我正在用react和redux实现这一点。我唯一的问题是，当状态更新并且我成功地记录了更新的状态时，除非我使用forceUpdate（），否则组件不会更新。我不明白的是，既然状态更新成功，组件不应该自动重新渲染吗？ 一些js 正如您所看到的，当我单击一个按钮时，我触发updateLists函数，该函数将
-
我有一个类似这样的JSON对象， 我正在我的vue模板中循环使用这个来创建一个选择菜单， 通过将select绑定到data_type，每次我进行select更改时，它都会更新数据/json中该对象的数据。我想知道的是，是否可以在更改之前获取旧值？ 我试着做了一些事情， 但是，新值和旧值似乎是相同的？