Discover how to use Vue.js to drastically simplify front-end code. Learn what Vue.js is, which problems it aims to solve, and how to add this progressive framework to a new or existing webpage.
There's also a thriving ecosystem of development and build tools, plugins, and components for more complex applications, all supported by a vibrant community. In this course, we'll cover the basics of data binding and event handling with straightforward examples using a simple HTML form. Then we'll use a third party API to learn about control structures and essential techniques for working with real data in Vue. We'll look at some of the ways that Vue can help us use advanced CSS features like transitions and animations.
Finally, we'll take a look at Vue's rich component system for modularizing applications and managing complexity, as well as the fantastic command line tool, Vue CLI, and its recent 3.0 release. There's a lot for us to talk about, so after some brief words about prerequisites, I'll see you in chapter one.
- Adding Vue to a webpage
- Thinking declaratively with data binding
- Methods and event handling
- Adding dynamic style and class attributes
- Using CSS transitions and animations
- Using Vue components
- Vue CLI