Vue2 Best Practices

What it does

This skill provides guidance and code examples for adhering to Vue.js 2 best practices. It helps ensure maintainable, performant, and scalable Vue 2 applications by suggesting appropriate patterns and techniques. The skill focuses on writing clean, efficient, and well-structured Vue 2 components.

When to use it

• When refactoring existing Vue 2 codebases to improve quality and reduce technical debt.
• During the initial development of new Vue 2 projects to establish a solid foundation.
• To review pull requests and ensure adherence to established coding standards within a team.
• When seeking advice on how to implement specific features in a performant and maintainable way using Vue 2.

Key capabilities

• Provides code examples for common Vue 2 patterns.
• Offers guidance on component structure and organization.
• Suggests best practices for data handling and reactivity.
• Helps identify potential performance bottlenecks.

Example prompts

• "Show me an example of a Vue 2 component using the render function."
• "What's the recommended way to handle asynchronous data fetching in a Vue 2 component?"
• "How can I optimize this Vue 2 component for better performance?"

Tips & gotchas

This skill is specifically tailored for Vue.js 2 and will not be applicable to Vue 3 or later versions. Ensure your project uses Vue 2 before utilizing the advice provided by this skill.