VueJS, Vue Router and Vuex
Operational with VueJS
This is the latest library for creating rich applications. After the AngularJS / Angular2 frameworks, after the React library, here VueJS benefits from the positive points of these two predecessors: JSX, directives / Components, routing, ...
Objectives
- Discover VueJS
- Develop a rich application
- Integrating into a REST oriented architecture
Prerequisites
- JavaScript, NodeJS Ecosystem
What is Vue.js
- Basics Concepts
- Comparison with other solutions
The Vue instance
- Mount a DOM element
- Data properties
- Lifecycle hooks
Components
- Template
- Data
- Props
- Methods
- Computed properties
- Mixins
- Slots
- Render functions
- JSX
Directives
- Conditional Rendering
- List Rendering
- Class and Style bindings
- Event Handling
- Shorthand
- Form Input bindings
- Custom directive
Filters
- Use a filter
- Write a filter
Routing
- Basic Routing
- Dynamic Route Matching
- Named routes and views
- Redirect
- Alias
Data Fetching
- Fetch Data
- Post Data
Vue-CLI
- Bundler
- Single file components
- Custom Vue-CLI template
- File template
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