This is an About page
<el-option
v-for=“item in options”
:key=“item.value”
:label=“item.label”
:value=“item.value”
在未使用keep-alive情况下,在Home页面输入框输入内容
然后切换到About页面,在选择框选择内容
之后进行一次来回切换,此时切换回Home页面,原先输入框的内容消失;相同的,切换回About页面,选择框的内容也消失,其实是因为这两个组件被销毁之后重新渲染了。
加上keep-alive,重复上面的操作,发现保留了组件状态(不销毁组件),避免了重新渲