An article to help you understand the basics of VUE

What is VUE

Vue (pronounced /vjuː/, similar to view) is a progressive framework for building user interfaces. 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 get started, but also easy to integrate with third-party libraries or existing projects. On the other hand, when combined with a modern toolchain and various supporting libraries, Vue is fully capable of driving complex single-page applications.

Vue uses two-way data binding, that is, when the data changes, the view also changes, and when the view changes, the data also changes synchronously. This is the essence of Vue, as shown below

Core plugins in Vue

Vue Router

Vue Router is the official routing manager for Vue.js. It is deeply integrated with the core of Vue.js, making it easy to build single-page applications. Features included are:

• Nested routes/view tables
• Modular, component-based routing configuration
• Route parameters, queries, wildcards
• View transition effects based on Vue.js transition system
• Fine-grained navigation control
• Links with auto-activated CSS classes
• HTML5 history mode or hash mode, automatically downgraded in IE9
• Custom scrollbar behavior Vuex

Vuex

It is a state management mode developed specifically for Vue.js applications. It uses centralized storage to manage the status of all components of an application and uses corresponding rules to ensure that the status changes in a predictable manner.

axios

Axios is a Promise-based HTTP client for browsers and nodejs. It has the following features:

• Creating an XMLHttpRequest from a browser
• Making http requests from node.js
• Support for Promise API
• Intercepting requests and responses
• Transforming request and response data
• Cancel Request
• Automatically convert JSON data
• Client-side support for CSRF/XSRF protection

element-ui

Element-ui is a Vue framework component developed by the front-end team of Ele.me. It integrates many style components and functional components and is a very good framework.

Vue front-end overall architecture

Summarize

This article ends here. I hope it can be helpful to you. I also hope that you can pay more attention to more content on 123WORDPRESS.COM!