Is vue.js based on javascript?

Vue.js is a progressive framework for building user interfaces based on javascript, using the MIT open source protocol. Vue's core library only focuses on the view layer, adopts a bottom-up incremental development design, and is very easy to learn and easy to integrate with other libraries or existing projects.



Vue.js is a progressive JavaScript framework for building user interfaces. Vue only focuses on the view layer and adopts a bottom-up incremental development design. Related recommendation: "vue.js tutorial"

Vue's core library only focuses on the view layer, and it is very easy to learn and easy to integrate with other libraries or existing projects. On the other hand, Vue is fully capable of driving complex single-page applications developed with single-file components and libraries supported by the Vue ecosystem.

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

Vue.js itself is not an all-round framework-it only focuses on the view layer. So it is very easy to learn, very easy to integrate with other libraries or existing projects. On the other hand, when used with related tools and support libraries, Vue.js can also perfectly drive complex single-page applications.

The main features of

Vue.js Vue.js is an excellent front-end interface development JavaScript library. The reason why it is very popular is because of its many outstanding features. The main features are as follows.

1) The lightweight framework

Vue.js can automatically track dependent template expressions and calculated attributes, provide MVVM data binding and a composable component system, with simple and flexible APIs, making it easier for readers to understand and more Get started.

2) Two-way data binding

Declarative rendering is the main manifestation of two-way data binding and is also the core of Vue.js. It allows the use of concise template syntax to integrate data declarative rendering into the DOM.

3) Instructions

The interaction between Vue.js and the page is mainly done through built-in instructions. The function of the instructions is to apply certain behaviors to the DOM when the value of its expression changes.

4)

Componentization Component is one of the most powerful features of Vue.js. Components can extend HTML elements to encapsulate reusable code.

In Vue, parent-child components pass communication through props, and pass one-way from parent to child. The child component communicates with the parent component and informs the parent component to change data by triggering an event. This forms a basic father-son communication mode.

When the components are closely related to HTML, JavaScript, etc. during development, you can customize the components according to actual needs to make development more convenient and greatly reduce the amount of code writing.

The component also supports hot reload. When we make changes, the page will not be refreshed, but the component itself will be reloaded immediately without affecting the current state of the entire application. CSS also supports hot reloading.

5) Client-side routing

Vue-router is the official routing plug-in of Vue.js, deeply integrated with Vue.js, used to build single-page applications. Vue single-page applications are based on routes and components. Routes are used to set access paths and map paths and components. Traditional pages implement page switching and jump through hyperlinks.

6) State management

State management is actually a one-way data flow. State drives the rendering of the View, and the user operates on the View to generate an Action, which changes the State, so that the View is re-rendered to form a separate component.

Related recommendation:

2020 front-end vue interview questions summary (with answers)

vue tutorial recommendation: 2020 latest 5 vue.js video tutorial selection