Chapter 3. Adding interactivity

This chapter covers

  • Deriving new output from data with computed properties
  • Adding event bindings to the DOM
  • Observing data during the update portion of the Vue lifecycle
  • Responding to user interaction
  • Conditionally rendering markup

Believe it or not, now that we’ve got our first product all wired up, we’re ready to add interaction to our webstore.

Adding interactivity to an application means binding to DOM events, responding to them in application code, and providing feedback to users about what happened because of their actions. Vue creates and manages all the event and data bindings for us, but there are decisions we need to make about how to manipulate data within our application, as well as how to meet ...

Get Vue.js in Action now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.