Shulou(Shulou.com)05/31 Report--

This article mainly explains "vue-router how to achieve routing lazy loading", the content of the article is simple and clear, easy to learn and understand, now please follow the editor's ideas slowly in depth, together to study and learn "vue-router how to achieve routing lazy loading" bar!

In Web applications, the bottleneck of the system is often the response speed of the system. If the response speed of the system is too slow, users will complain, and the value of the system will be greatly reduced. Therefore, to improve the response speed of the system is very important.

Lazy loading (Load On Demand) is a unique and powerful data acquisition method, which can automatically obtain more data when the user scrolls the page, and the newly obtained data will not affect the display of the original data, while minimizing the consumption of resources on the server side.

When writing a single-page application with vue.js, the packaged JavaScript package is very large, which affects page loading. We can use lazy loading of routes to optimize this problem. When we use a certain route, we load the corresponding components. This will be more efficient. The implementation code is as follows:

Import Vue from 'vue'import Router from' vue-router'Vue.use (Router) export default new Router ({routes: [{path:'/', component: resolve = > require (['components/Hello.vue'], resolve)}, {path:' / about', component: resolve = > require (['components/About.vue'], resolve)}}) Thank you for reading. This is the content of "how vue-router implements routing lazy loading". After the study of this article, I believe you have a deeper understanding of how to achieve routing lazy loading in vue-router, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

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.