Vue.js 道具更改时新的vue组件实例

我们的单页应用程序具有基于组件的不同视图。由于单向数据流，当父对象中绑定的相应值更改时，子对象中的每个属性都会更新

如果属性发生更改，是否可以获得一个全新的组件实例？结合转换，我希望实现旧组件滑出，而基于最新属性值的新组件滑入

---

我真的很期待一些很酷的输入。

您可以通过更新密钥来实现：

<transition name="fade">
  <hello :key="key"></hello>
</transition>

然后更新密钥：

<button @click="key++">Reload</button>

参见我的小提琴示例：

---

您可以通过更新密钥来执行此操作：

<transition name="fade">
  <hello :key="key"></hello>
</transition>

然后更新密钥：

<button @click="key++">Reload</button>

参见我的小提琴示例：

---

看起来很有希望！我会尝试一下。我刚刚在我当前的项目中加入了这种方法，它很有效。谢谢！唯一的一个小缺点是，除此之外，我还必须更改这种转换的键。基于参数将是最好的。这看起来很有希望！我会尝试一下。我刚刚在我当前的项目中加入了这种方法，它很有效。谢谢！唯一的一个小缺点是，除此之外，我还必须更改这种转换的键。基于参数将是最好的。