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

In this article, the editor introduces in detail "what are the two characteristics of vue", the content is detailed, the steps are clear, and the details are handled properly. I hope this article "what are the two characteristics of vue" can help you solve your doubts.

The advantages of vue are: 1, you can carry out component-based development, so that the amount of code written is greatly reduced; 2, you can bind data bidirectionally; 3, the interface effect written using Vue.js is responsive, which makes the page show a very good-looking effect on a variety of devices; 4, the use of routing will not refresh the page.

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

Vue.js is a progressive framework for building user interfaces. Unlike other heavyweight frameworks, Vue uses a bottom-up incremental development design. Vue's core library only focuses on the view layer and is very easy to learn and integrate with other libraries or existing projects. On the other hand, Vue is fully capable of driving complex single-page applications developed using single-file components and libraries supported by the Vue ecosystem.

The goal of Vue.js is to implement responsive data binding and composite view components through the simplest possible API.

Like other frameworks, vue allows you to split a web page into reusable components, each containing its own HTML, CSS, and JavaScript to render the corresponding place in the page.

Advantages of vue:

Lightweight framework, easy to learn, two-way data binding, componentization, separation of data and structure, virtual DOM, fast running.

As the preferred getting started framework for front-end developers, Vue has many advantages:

Vue.js can carry out component-based development, which greatly reduces the amount of code writing and makes it easier for developers to understand.

The most prominent advantage of Vue.js is the ability to bind data bidirectionally (we will clearly feel the convenience of this feature in later writing).

The interface effect written in Vue.js is responsive in itself, which makes the web page show a very good-looking effect on a variety of devices.

Compared with the traditional page switching and jumping through hyperlinks, Vue does not refresh the page by using routing.

Vue has two characteristics: responsive programming and componentization.

Responsive data binding

The responsive type here is not the responsive layout in the @ media media query, but rather that the vue.js automatically responds to changes in some data on the page.

This is the biggest advantage of vue.js, through the idea of MVVM to achieve two-way binding of data, so that developers no longer have to operate dom objects, and have more time to think about business logic.

Component-based development

Through components, Vue.js splits various modules in a single-page application into a single component (component). We only need to write various component tags (occupied pits) in the parent application, and write the parameters to be passed to the component in the component tags (just like passing parameters to the function, this parameter is called the property of the component), and then write the implementation of each component (fill in the hole). And then the whole application is done.

The advantages of component-based development are as follows: improve development efficiency, facilitate reuse, simplify debugging steps, improve the maintainability of the whole project, and facilitate collaborative development.

Virtual DOM

In traditional development, when using JQuery or native JavaScript DOM operation functions to manipulate DOM frequently, the browser keeps rendering the new DOM tree, which makes the page look very stuttered.

And Virtual DOM is the English of virtual DOM, to put it simply, it is a kind of calculation that can be carried out in advance through JavaScript, and the final DOM operation can be calculated and optimized. Because this DOM operation belongs to preprocessing operation, there is no real operation DOM, so it is called virtual DOM. Finally, the DOM operation is actually submitted after the calculation, and the change of the DOM operation is reflected on the DOM tree.

After reading this, the article "what are the two characteristics of vue" has been introduced. If you want to master the knowledge of this article, you still need to practice and use it to understand it. If you want to know more about related articles, you are welcome to follow the industry information channel.

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.