Full-Stack Web Development with Vue.js and Node

Building the Real Application Chapter 5

When you click REPLY, you will see the following:

These are the directives that we will be using mostly in our app. There are a lot more other

directives as well that we will explore on the way. If you want to learn more about each of
these, you can visit https://012.vuejs.org/api/directives.html.

Data binding

Data binding is the process of synchronizing data. For example, for the same example for
what we did on v-text, we can do it with data binding with the mustaches, in other words

using the {{}} operators.

For example, we can use the {{message}} instead of using the Vue.js directive for the

message. Let's change the code in src/components/Home.vue to the following:

<template>

<v-layout row wrap>

<v-flex xs12>

<div>{{message}}</div>

</v-flex>

<v-flex xs12>