Vue.js: Component Communication & Routing

Vue.js 2.6    |    Beginner
  • 16 Videos | 1h 21m 37s
  • Includes Assessment
  • Earns a Badge
Likes 13 Likes 13
This course continues exploring Vue.js, a JavaScript front-end framework that is lightweight, flexible, progressive, and easy to set up for creating apps. In this 16-video course, learners see how to perform client-side routing, how to apply styling, and examine several approaches to styling in Vue apps. You will learn to assign and reassign both class and style bindings to the app elements. Next, the course demonstrates how to use CSS pre-processes, and to bind two CSS styles and classes in an app. You will learn how to create and use routes in a Vue app. You will learn to write programmatically, and how to create routes that can accept dynamic parameters. Learners see how to use Veux, a state management pattern and library in Vue, and how to work with remote APIs (application programming interface) using the Axios HTTP client service. Finally, you will see how to stop a bay from loading initially, and stop navigation away from a page by using route guards.

WHAT YOU WILL LEARN

  • discover the subject areas covered in this course
    use style and class binding in Vue
    bind to CSS styles in a Vue app dynamically
    bind to CSS classes in a Vue app dynamically
    use CSS preprocessing in a Vue app
    install the vue-router and configure routing in a Vue app
    use the router-view directive to render routed components
    use router-link to trigger routing in a Vue app
  • trigger route navigation programmatically in a Vue app
    create routes that accept dynamic parameters
    configure a route to pass parameters as props
    use multiple router-view elements in a Vue app
    assign names to router-views and display multiple views at once
    stop a page from loading using a route guard
    stop navigation away from a page using a route guard
    define and use client side routing in a Vue app

IN THIS COURSE

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion of this course, which can be shared on any social network or business platform

Digital badges are yours to keep, forever.