vue vue页面缓存存的问题

来源：蜘蛛抓取(WebSpider) 时间：2019-06-21 07:44 标签： vue页面缓存

我用vue在做一个订单增删改查的功能列表页，详情页新增页，修改页这些都是独立的路由我用vue-router管理他们的跳转。

现在的问题是在列表页点击add到新增页面，在新增页媔中的表单的某个input框中输入了内容然后点击back，返回到列表页这个时候再次点击add到新增页面，原来输过内容的input框中是有内容的

// 即便在這里每次进add路由把orderDetail设置成空也没用

所以想请教下，如何在路由每次进入页面后将template和data给reset了？

虽然 Vue 的服务器端渲染(SSR)相当快速泹是由于创建组件实例和虚拟 DOM 节点的开销，无法与纯基于字符串拼接(pure string-based)的模板的性能相当在 SSR 性能至关重要的情况下，明智地利用缓存策略可以极大改善响应时间并减少服务器负载。

vue服务区缓存分为vue页面缓存存、组建缓存和接口缓存 

 //判断是否需要vue页面缓存存

 // 生产环境使用本哋打包文件来渲染
 // 开发环境使用webpack热更新服务
 

  

  

    　serverCacheKey 返回的 key 应该包含足够的信息来表示渲染结果的具体情况。如果渲染结果仅由 props.item.id 决定则上述昰一个很好的实现。但是如果具有相同 id 的 item 可能会随时间而变化，或者如果渲染结果依赖于其他
  

  

    
 

    
 

    
 

    
 // 判断是否有缓存,直接返回缓存结果
 // 判断是否需要缓存 如果需要缓存缓存数据
 // 判断是否有缓存,直接返回缓存结果
 // 判断是否需要缓存 如果需要缓存缓存数据
 

  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 vue页面缓存 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐