vue keep-alive

vue使用中经常需要缓存当前页面,比如当从商品页跳转到支付页,需要缓存当前页面
在vue使用中,我用到的方法有两种
1.v-if

主页

这种方式会重新渲染页面,但不会重新加载数据,如果你希望不重新渲染,可以v-if配合v-show实现
2.keep-alive
先展示之前的通用写法


      
 
 

现在的写法


    
 

建议用第二种,操作更方便.
匹配首先检查组件自身的 name 选项,如果 name 选项不可用,则匹配它的局部注册名称 (父组件 components 选项的键值)。匿名组件不能被匹配。亲测如果组件不写name属性,那么默认会被缓存,所以使用第二种方法一定要写好name
对于滚动条位置,vue-router 提供了scrollBehavior方法,直接参照官方文档改一下就行

你可能感兴趣的:(vue keep-alive)