Vue.js呈现页面如何发生?

时间:2018-07-22 11:53:30

标签: javascript reactjs vue.js vuejs2 vue-router

我真的很想知道这件事,这真的使我感到恐惧。这就是 SPA (单页应用程序)的全部本质。我对Vue.js呈现页面感到好奇。我将列出我的一些知识,如果我错了,请纠正我。我想我知道的事情:

  • 有一个可能是从html解析的树结构。
  • 然后,DOM RENDER TREE由css和该DOM-TREE构建而成
  • 之后,呈现页面意味着数据将显示在屏幕上。

Vue.js 怎么样?我知道它具有虚拟DOM。如果我在Vue.js中使用Javascript进行更改,则真正的更改会在虚拟DOM中发生,因为它更快,然后会与真实模板进行同步。如果一切正确(如果有错,请告诉我),那么我的问题是:

当我使用Vue Router并单击一些链接来更改页面时,当显示新页面时,将调用beforeMount(),然后如果我单击“后退”按钮转到上一页,则{{1} }也被称为。使用beforeMount()和返回按钮时,页面渲染会再次发生还是将其保存在某个位置并使其更快以从缓存中获取所有html?因此,如果我转到某个页面,然后单击后退或Vue Router链接,并且页面渲染从头开始,为什么会这么快?

我认为,页面渲染发生在某些数据发生更改时,或者这是我第一次访问该特定URL。第二次访问时,如果数据未更改,则不会从头开始渲染页面。你怎么看 ?谢谢。

0 个答案:

没有答案