What is Vue.js

• Basics Concepts
• Comparison with other solutions

The Application instance

• Create an App instance
• Mount a DOM element
• Data properties
• Lifecycle hooks

Components

• Template
• Data
• Props
• Methods
• Computed properties
• Watchers
• Slots
• Render functions
• JSX

Vue-CLI

• Bundler
• Single File Components
• Custom Vue-CLI template
• Plugins
• Presets

Directives

• Conditional Rendering
• List Rendering
• Class and Style bindings
• Event Handling
• Form Input bindings
• Custom directive

Reactivity

• Vue 3 and reactivity introduction
• Reactivity API
• The setup method
• Composition API
• Lifecycle hooks

Routing

• Basic Routing
• Dynamic Route Matching
• Named routes and views
• Programmatic Navigation
• Redirect
• Alias

Data Fetching

• Fetch Data
• Post Data

Plugins

• Use a plugin
• Write a plugin

Typescript

• Declare component
• Pass props
• Component method
• Computed Properties
• Watchers

Vuex

• State management
• Getters
• Mutations
• Actions
• Modules

Tests

• Test runner
• Test framework
• Vue testing tools
• End to end

Server-Side Rendering

• Use Express.js
• Use a template page
• Use Nuxt