Vue Cli Multi Page

Overview

The Vue multi-page scaffold based on Vue.js 2.x is a robust tool for developers seeking to enhance the efficiency of their web application projects. As the popularity of Vue grows, this multi-page setup provides a practical solution for both single-page and multi-page applications, catering to varying project requirements. By leveraging the latest features of Vue.js and Webpack, it optimizes development speed and simplifies the management of components and assets.

This version, built on Vue.js 2, Webpack 2, and Vux UI, ensures that users can create structured, organized applications without the complexity often associated with managing multiple pages. With functionalities designed to make component handling seamless, developers will enjoy working with this well-structured scaffold.

Features

• Improved Build Speed: Utilizing Webpack 2 allows for faster build times and smaller bundle sizes, enhancing overall development efficiency.
• Custom Module Names: Easily customize module names for improved organization and easier access, making it clear where each component resides in the structure.
• Unified Library Management: The global Lib.js library simplifies the handling of shared functions and utilities across multiple pages, promoting code reuse.
• Vue Router Support: Integrates Vue Router, enabling routing capabilities within multiple pages, though with some limitations on lazy loading.
• Enhanced CSS Support: Includes support for CSS bundling and Less preprocessing, allowing for more organized stylesheets.
• Efficient Data Handling: Built-in AJAX utility with Axios for streamlined server communication, reducing the complexity of API interactions.
• Global Filters: Allows the registration of global Vue filters, enabling consistency and reusability of common functionalities across components.
• Automatic Browser Launch: When running the development server, the application will automatically open in a browser, saving time during the development process.