分类：内置组件

2021
04-27

Vue 内置组件keep-alive的使用示例

keep-alive是Vue内置的组件之一，主要用于保留组件状态或避免重新渲染。作用   在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验。一、keep-alive用法<keep-alive>包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和<transition>相似，<keep-alive>是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在组件的父组件链中。当组件在<kee... 继续阅读 >
2020
10-30

vue内置组件keep-alive事件动态缓存实例

vue内置组件keep-alive事件动态缓存实例 在App.vue文件中配置<keep-alive><router-viewv-if="$route.meta.keepAlive"></router-view></keep-alive><router-viewv-if="!$route.meta.keepAlive"></router-view>在路由中配置{path:'/backstage',component:resolve=>require(['@/views/backstage/my'],resolve),meta:{keepAlive:false}},{path:'/backstage/info',component:resolve=>require(['@/views/backstage/my/info'... 继续阅读 >
2020
10-08

vue内置组件component--通过is属性动态渲染组件操作

vue内置组件component--通过is属性动态渲染组件操作 我就废话不多说了，大家看代码吧~<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><scriptsrc="https://cdn.jsdelivr.net/npm/vue"></script><scriptsrc="https://cdn.bootcss.com/vue-router/3.1.3/vue-router.js"></script><scriptsrc="https://unpkg.com/axios/dist/axios.min.js"></script></head><body><divid="app"><input@click="currentrouter='Home'"type="button"value="首... 继续阅读 >