About
About Us
Help
Privacy Policy
Terms of Service
LearnDesk
Learn
Academics
Business
Creative
Health and Fitness
Lifestyle
Personal Development
Software
Topics
Admissions
Engineering
Hardware
Hospitality
Humanities
Chinese
Languages
Maths
Pharma
View All Topics
Topics
Accounting
Advertising
Analysis
Analytics
Business Communication
eCommerce
Entrepreneurship
Finance
Finance - India
Freelancing
View All Topics
Topics
Arts & Crafts
Audio Editing
Audio Production
Dance
Design
Film Production
Music
Photography
Video Production
Writing
View All Topics
Topics
Dieting
Fitness
Food Safety
Games
Medical
Medical Professionals
Meditation
Mental Health
Pregnancy
Safety & First Aid
View All Topics
Topics
Beauty & Makeup
Food
Fashion
Gaming
Home Improvement
Parenting
Pet Care & Training
Relationships
Sustainable Living
View All Topics
Topics
Career Development
Learning
Religion and Spirituality
Self-Improvement
View All Topics
Topics
Accounting
Amazon Web Services
App Development
Continuous Integration
Backup Software
Business Automation
Computational Fluid Dynamics
Business Intelligence
Computer Aided Design (CAD)
View All Topics
Teach
Teach Online
Schedule
Items
Billing
Users
Marketing
Analytics
Settings
Change School
Account
Log In
Sign Up
Learn Vue.js: The Progressive JavaScript Framework
Introduction to Vue.js
Introduction
Installing and Making Use of the Standalone Version
Installing via NPM and CLI
Fundamentals of Vue - Exploring Directives, Templates and More
Components
Creating Components in CLI Based Project
Rendering HTML Content in Components
Binding Element Attributes
Using Vue Developer Tool
Conditionals and Loops
Handling User Input
Handling Key Events
Applying Classes and Styles Using Vue
The Show and Else Directives
Introducing Properties
Vue Life Cycle
Implementing Life Cycle Events
Using JavaScript Expressions
Filters, Shorthands and Modifiers
Computed Properties
Difference between Computed Properties and Methods
Watchers in Vue
Computed Properties vs Watchers
Getter and Setter in Computed Properties
Displaying Filtered/Sorted Data
Form Input Bindings
Introduction to Form Binding - v-model Directive
Value Binding
Modifiers
Exploring Properties
Brief Overview of Properties
Dynamic Properties
Literal Vs Dynamic
One Way Data Flow
Property Validation
Custom Events
v-on - Establishing Communication Between Parent and Child Component
v-on - Establishing Communication Between Parent and Child Component - Demo
Form Component Custom Events - v-model
Non Parent - Child Communication
Exploring Components
Content Distribution Slot - Single Slot
Content Distribution Slot - Named Slot
Content Distribution Slot - Scoped Slot
Dynamic Components
Child-Component-Refs
inline-template and x-template
Static Components - v-once
Async Components
Transition Effects
Transitioning Single Element/Components
Understanding Transition Classes
CSS Transition
CSS Animations
Using Transitions and Animations Together
Javascript-hooks
Transitioning Between Elements
Transitioning Between Components
Project - Todo Application Using Vue.js and Vuex
Introduction
Setting Up Our Todo Project
Introduction to Vuex Store
Completing Our Store
Creating Get Todo Component
Registering Our Component
Creating Current Todo Component
Creating Our Completed Todo Component
Understanding Routing in Vue.js
Understanding How Routing Works in Vue
Conclusion and Code Download
Conclusion
Conclusion and Code Download
Learn Vue.js: The Progressive JavaScript Framework
By:
Skillbakery Studios
Share
Share the link to this page
Copied
Facebook
Twitter
WhatsApp
LinkedIn
Email
Add to Calendar
Add the class to your calendar
Add to Google Calendar
Add to Apple Calendar
Add to Yahoo Calendar
Add to Outlook Calendar
Print
Completed
We'll cover the following topics in this section:
Conclusion
Previous
Next
Sign Up
Signup to access thousands of classes
Continue with Facebook
Continue with Google
OR
Continue with Email
Already a member?
Log In
By registering for a LearnDesk account, you agree to our
Terms of Service
and
Privacy Policy
.
Share
Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.
Share with Google Contacts