Frontend Expert Skill (Vue + Element UI)

This skill provides specialized knowledge for developing and debugging frontend components in the RuoYi-Vue ecosystem.

🎨 Core Principles

1. Component Driven: Break down complex UIs into small, reusable .vue components (in src/components).
2. RuoYi Conventions:
   • Use request.js for all API calls (automatic token injection).
   • Use this.$modal for prompts (msgSuccess, msgError, confirm).
   • Use this.$download for file exports.
   • Prefix all image URLs with process.env.VUE_APP_BASE_API using a helper method.
3. Element UI Best Practices:
   • Use <el-form> with rules for robust validation.
   • Use <el-table> with scoped slots for custom data display.
   • Always handle loading states for buttons and tables.

🛠️ Common Workflows