-
1. Introduction toVue.js
-
2. Working with Template & viewmodel
- What is vue.js template
- What is viewmodel / vue instance?
- Template syntax
- Interpolation
- Directive
- Filters
- Shorthands
- Javascript expressions
- Computed properties
- Watchers
- Class and style bindings
- HTML classes
- Inline styles
- Conditional Rendering
- Iterative Rendering
- Hands-on:
-
3. Vue Instance Revisited:
-
4. Event handling
-
5. Working with forms & two way binding:
-
6. Introduction to components:
-
7. Passing data to components:
-
8. Content distribution with slots:
-
9. Dynamic components:
-
10. Custom directives:
-
11. Mixins:
-
12. Filters
-
13. Remote communication with vuejs:
-
14. Routing:
- Introduction
- Setting up vue-router
- Loading routes
- Routing modes
- Navigation with router links
- Styling active links
- Imperative navigation
- Route Parameters
- Setting up child or nested routes
- Named routes
- Query parameters
- Named router views
- Wildcard routes
- Route guards
- Hands-on:
-
15. State Management:
-
16. Understanding Mutations:
-
17. Unit testing:
-
18. How we can deploy our application on environment
Hands-on:
Create a mixin and apply to components.
Prev
Global mixin
Next
Introduction