道具改变时的新vue组件实例

时间:2017-12-07 11:38:51

标签: vue.js vuejs2 vue-component

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

是否有可能在属性发生变化时获得全新的组件实例?结合转换,我希望实现旧组件滑出,而基于最新属性值的新组件滑入。

我真的很期待一些很酷的意见。

1 个答案:

答案 0 :(得分:3)

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

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

然后更新密钥:

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

看我的例子小提琴:

https://jsfiddle.net/eaguad1337/w9fb1pv2/