Data binding in Vue.js is achieved through the v-bind directive. This directive allows us to bind data from our instance to the HTML elements in our template.

For example, let’s say we have a Vue instance with a data property called “message”:

var app = new Vue({
el: ‘#app’,
data: {
message: ‘Hello World!’
}
});

We can then bind this data to an HTML element in our template using the v-bind directive:

{{ message }}

This will result in the text “Hello World!” being displayed on the page.

Leave a Reply

Your email address will not be published. Required fields are marked *