vue之页面局部组件刷新

我们在用element组件的时候，总会遇到页面内某个组件不能刷新的情况

举个例子：

这时不保存，关闭父组件页面，再打开后发现组件1中添加的内容还在.我们不想让组件1的新增的内容存在。

解决办法：

1. 在父组件的调用组件1的地方加上v-if=“val”，val为父组件传到子组件的值
2. 给val的初始值赋值为 ‘’ ，不能为null
3. 前两步都不能缺少。