自动抓取网页数据(如何每次进入页面时都能获取后台数据watch+mouted)

优采云 发布时间: 2021-09-20 05:03

  自动抓取网页数据(如何每次进入页面时都能获取后台数据watch+mouted)

  Vue跳页后,如何在每次进入页面时获取背景数据

  监视+移动

  让我们从这个问题开始

  一.page的数据来自后台,也就是说,它将启动一个请求,从后台获取值

  二.子组件的数据刷新问题,即每次相关子组件进入父组件时,需要从后台检索相关子组件的数据

  1.答案:

  关于第一个问题。一般来说,我们将在创建的Vue生命周期中实现它,并向后台发起请求以获取数据

  但这带来了一个问题

  1.1.每次进入页面时,我都需要从后台获取数据

  创建的事件显然无法实现

  一点解释

  首先,我了解单页应用程序。就个人而言,在上一个Vue项目的包之后只有一个index.html。单页应用程序字面上的意思是,只有一页应用程序

  那么什么是页面跳转呢?使用路由模拟页面跳转

  场景描述:在单页应用程序中,假设有两个页面a和B。当用户进入页面时,他首先进入页面a。此时,a被创建并触发一系列生命周期,包括创建。然后,a通过路线跳到B。此时,B创建并触发一系列生命周期,包括创建的。用户对此步骤的操作没有问题

  在问题开始时,用户从B页通过路由跳回a。此时,a不会触发创建!因为它已经被触发了!因此,a不会从后台请求数据。类似地,当再次从a跳到B时,B将不会通过

  一般来说,这种情况是正常的。但是,如果a和B的数据源必须经过后台请求,即从a跳到B时,与B相关的数据实际上被提交到后台,那么经过后台处理后,B页之前的数据就不同了!此时,如果页面B没有从后台请求数据,则肯定是错误的

  解决方案:我个人的解决方案

  监视路线。在每次输入时都需要从后台获取新数据的页面上,例如页面B,监视路由更改

  

  Init方法是每次进入此页面时要执行的方法,其中还包括请求数据的方法

  2.答案:

  关于你的第二个问题。一般来说,子组件有两个数据源

  2.1从父组件传递到子组件:

  在这种情况下,使用第一个问题的解决方案后,在init方法中加载子组件所需的数据,然后将其传输到子组件

  2.2子组件向后台发送请求以获取最新数据:

  有点类似于第一个问题。子组件需要有一个init方法,而不是直接在created中写入数据,并且应该在created中调用init。在父组件的init方法中,调用子组件的init方法。p>

  父组件:

  

  

  

  子组件:

  

  以上是个人的解决方案

  如果你看到朋友们有更好的想法,请给我们一些建议。我希望可以讨论其他选择

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线