摘要: exclude-字符串或正则表达,任何匹配的组件都不会被缓存。 include-字符串或正则表达式,任何匹配的组件都不会被缓存。 1.使用此功能的前提是在页面加上name,keep-alive才可以指定缓存,如 About.vue页面 export default { name:'About', d 阅读全文
posted @ 2021-07-02 20:28 ajaXJson 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 点击首页下的新闻子路由再点击档案,再次点击首页显示的还是新闻子路由。 1.Home.vue data() { return { //1.data定义默认值 path: '/home/news', }; }, activated() { // 2.默认值传入touter console.log('ac 阅读全文
posted @ 2021-07-02 20:03 ajaXJson 阅读(40) 评论(0) 推荐(0) 编辑
摘要: 1.必须使用keep-alive才有效果(App.vue中添加)。 <keep-alive> <router-view></router-view> </keep-alive> 2.activated活跃状态下。 3.deactivated不活跃状态下。 阅读全文
posted @ 2021-07-02 20:02 ajaXJson 阅读(92) 评论(0) 推荐(0) 编辑
摘要: keepalive是Vue内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。提高性能 创建一个created()和destroyed()来测试,会发现只打印home created 不会执行销毁。 <keep-alive> <router-view></router-view> </kee 阅读全文
posted @ 2021-07-02 18:38 ajaXJson 阅读(40) 评论(0) 推荐(0) 编辑