Shulou(Shulou.com)06/02 Report--

This article will explain in detail which language vue is based on. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

Vue is developed based on the JavaScript language and is a progressive JavaScript framework for building user interfaces, which aims to better organize and simplify Web development. Vue's core library only focuses on the view layer and is very easy to learn and integrate with other libraries or existing projects.

The operating environment of this tutorial: windows7 system, vue2.9.6 version, DELL G3 computer.

What language is vue based on?

Vue is based on the front-end framework of JavaScript.

Vue (pronunciation / vju steps /, similar to view) is a progressive JavaScript framework for building user interfaces designed to better organize and simplify Web development. Unlike other large frameworks, Vue is designed to be applied layer by layer from the bottom up.

Vue's core library only focuses on the view layer, which is not only easy to use, but also easy to integrate with third-party libraries or existing projects. On the other hand, when used in conjunction with modern tool chains and various supporting class libraries, Vue is also fully capable of driving complex single-page applications (SPA).

Vue.js also provides MVVM data binding and a composable component system with a simple and flexible API that aims to achieve responsive data binding and composable view components through the simplest possible API.

2. What are the life cycle functions of vue? The hook function of vue? BeforeCreated: this hook function is actually triggered after the vue instance is created. At this time, there is no data snooping and event initialization in data. Created: the component instance has been fully created and the properties are bound, but the real dom has not been generated and $el is not available yet. BeforeMount: this compiles the template, compiles the template but has no element mount, and cannot get the dom. The related render function is called for the first time. Mounted: after the element is mounted, you can get the dom element. BeforeUpdata: called before the component is updated, before the virtual DOM is patched. Updataed: called when the component is updated. Activited:keep-alive-specific, called when a component is activated. Deactivated:keep-alive is exclusive and is called when a component is destroyed. Execute before the beforedestory:vue instance is terminated. Execute after the destoryed:vue instance is terminated. After the vue instance is destroyed, the dom element still exists, but with two-way data binding, the functionality of vue is lost, such as two-way data binding. Which hook function can request data and why?

It can be called in the hook functions created, beforeMount, and mounted, because in these three hook functions, data has been created to assign the data returned by the server side.

It is recommended that you call an asynchronous request in a created hook function, because calling an asynchronous request in a created hook function has the following advantages:

Faster access to server-side data and reduced page loading time

Ssr does not support beforeMount and mounted hook functions, so putting them in created contributes to consistency.

This is the end of the article on which language vue was developed. I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.