Learning Vue.js

Discover how Vue.js can help you build powerful and performant user interfaces while simplifying your JavaScript code. Find out why front-end developers love this framework.

Introduction

• Is Vue for you?
• What you should know

1. Managing Dynamic Content and Behavior

• What problems does Vue.js solve?
• Adding Vue.js to a project
• Configuring dynamic elements
• Binding to inner text and HTML
• Dynamic attributes and v-model
• Handling events with v-on

2. Form Control Bindings

• Text field bindings
• Using v-model with related checkboxes
• Configuring radio buttons and select elements
• Adding modifiers
• Computed properties

3. Rendering and Styling Logic

• Conditional rendering with v-if
• Conditional rendering with v-show
• Looping and list rendering with v-for
• Binding style attributes
• Binding CSS classes

4. Using Vue Components

• Creating and registering components
• Using component props
• Configuring custom events
• Using component slots
• Installing Vue CLI
• Creating single file components

Conclusion

• Next steps