Js recently has been using vue.js as a front-end technology stack, spare time, but also a simple study of the vue.js source code and you front-end big oxen article, in order to deepen their understanding of vue.js and complete the company’s mandatory requirements (internal sharing), so there is this series of articles. It is also a final summary of 2.0 before the official release of 3.0.

What is the vue

According to the official website, VUE is a set of progressive frameworks for building user interfaces. Vue’s core library focuses only on the view layer, its elegant API and ease of use, as well as integration with third-party libraries or existing projects, make it one of the mainstream front-end frameworks today.

So, have you thought about the following questions?

  • How does VUE make data and view responsive?
  • With all this talk about the virtual DOM, what role does the virtual DOM play in vUE?
  • When do traditional DOM manipulations take place?

Many students do not understand the internal operation principle of vue.js, leading to some difficult problems, feel at a loss to start.

I hope that through this article, you can solve some difficult and complicated diseases in VUE project, you can be more handy. Of course, the following is my personal understanding, may not understand in some places, welcome to point out.

This series of articles mainly consists of the following parts:

  1. Vue 2.x Internal Workings series of articles – An overview of internal workings
  2. Vue 2.x internal operating mechanism series of articles – responsive principle
  3. Vue 2.x internal operation mechanism series of articles – Template template compilation principle
  4. Vue 2.x internal operating mechanism series of articles – virtual DOM, diff and patch principle
  5. Vue 2.x internal operation mechanism series – Asynchronous update strategy and nextTick principle
  6. Vue 2.x Internal Operating Mechanism series – How vuEX state management works
  7. Vue 2.x internal operating mechanism series of articles – VUe-Router working principle

Part of the content reference learnVue, here is a detailed explanation of the source code, interested in the source code can go to see.