Vue.js comes with 2 built-in directives that are used often.

They’re the v-model and v-bind directives.

They serve different purposes.

In this article, we’ll look at the differences between the v-model and v-bind directives in Vue.js

v-bind

The v-bind lets us do one-way binding between the parent and child components.

We can pass data from the parent to the child component.

The child component will receive the data as props.

For instance, we can write:

App.vue

#javascript