Vue Vuex Router

screenshot of Vue Vuex Router
vue
scss

基于Vue CLI 3的高效开发模板,适用于PC和移动端的项目,开箱即用,功能完备。此模板集成了Vue2、Vuex、Vue Router,并支持SCSS、Axios、多语言、过滤器等高级特性,还包含便捷的仓库快速提交功能。

Overview:

This document provides best practices for Vue development, focusing on installation, project structure, naming conventions, styling, Vuex, API requests, data formatting, i18n, vue-router, layouts, and common issues. It also offers guidance for beginners to learn Vue efficiently.

Features:

  • Naming Conventions: Guidelines for naming components, pages, and variables.
  • Styling: Maintaining styles in the style folder for consistency.
  • Vuex: Organizing store by page or business logic and managing mutations in a centralized way.
  • API Requests: Managing API requests in the api folder, handling data in Vuex, and using getters and mutations for data management.
  • Data Formatting: Recommending using filters for data formatting operations.
  • i18n: Utilizing i18n for language handling and internationalization.
  • Vue-router: Implementing lazy loading for efficient loading of routes.
  • Layouts: Placing layouts in the layouts folder and including them in App.vue for a common project layout.
vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.