求助一个vue组件数据重置的问题

Question

进入一个页面
有这样一个结构
父组件> 子组件 > 孙子组件 ，每个组件都有自己的data数据 现在我想通过关闭子组件 能够重置孙子组件的数据，请教下有什么实现方法

Answer 1

把问题抽象一下，其实就是实现父组件改变子组件数据。把需要改变的数据，通过v-bind在父组件绑定一个数据，父组件将该数据传递给子组件，子组件观察父组件传来的数据而改变自己，需要重制时，父组件把初值赋值给这个绑定的数据就好了。

Answer 2

如果数据都是从父组件传下来衍生的，那么父组件把重置的方法通过 props 传给子组件，子组件在 beforeDestroy 时调用。否则组件销毁之后再创建自动就是重置的数据。