title: how to display success message from my backend in vue template
body: <p>how can i display my success message in vue template</p>
  <p>this is my json</p>
  <pre><code>{
      &quot;data&quot;: {
          &quot;message&quot;: &quot;Email has been sent, 
      },
  }
  </code></pre>
  <p>this is my template</p>
  <pre><code>  &lt;form @submit.prevent=&quot;handleSubmit&quot;&gt;
        &lt;div class=&quot;pt-5&quot;&gt;
          {{ message }}
          &lt;button class=&quot;button is-medium is-primary&quot;&gt;send&lt;/button&gt;
          &lt;input
            type=&quot;text&quot;
            v-model=&quot;email&quot;
          &gt;
        &lt;/div&gt;
      &lt;/form&gt;
  </code></pre>
  <p>this is my script tag</p>
  <pre><code>
  &lt;script&gt;
  import axios from &quot;axios&quot;;
  export default {
    data() {
      return {
        email: &quot;&quot;,
        message: &quot;&quot;
      };
    },
  
    methods: {
      async handleSubmit() {
        const response = await axios
          .post(&quot;http://localhost:5000/api/auth/forgotPassword&quot;, {
            email: this.email
          })
          .then(response =&gt; {
            this.message = response.data.message;
          })
          .catch(err =&gt; console.log(err));
        console.log(response);
      },
      clear() {
        this.$refs.form.reset();
      }
    }
  };
  &lt;/script&gt;
  </code></pre>
  <p>{{message}} doesn't display anything in my template please hw can i go about this</p>