router-view和keep-alive · 常用笔记

# router-view和keep-alive # router-view是也是一个组件如果被keep-alive包裹所有的路径匹配到的页面都可以被缓存 # keep-alive 是vue内置的一个组件可以使被包含的组件保留状态或避免重新渲染 # router-view 显示组件的内容 # ``` <pre class="calibre13">``` <router-view></router-view> ``` ``` 上面会显示组件的内容当用户进行组件切换的时候组件渲染页面是经过了创建和销毁的过程 ``` <pre class="calibre13">``` <keep-alive> <router-view></router-view> </keep-alive> ``` ``` 如果包裹在keep-alive里面的时候组件切换的时候仍然保留自身组件的状态比如字体的颜色等组件切换的时候不会被销毁也不会被创建保留了组建的状态