Understanding Data Bindings

In this chapter, I explain how to perform one of the most basic tasks required in web application development: using a data binding to display a data value. I explain how to add a basic data binding, known as the text interpolation binding, to a component’s template and how to create the data value for that binding. I explain how Vue.js evaluates a data binding’s expression and demonstrate different ways that values can be generated and formatted before they are displayed to the user. Table 11-1 puts the text interpolation data binding in context.