title: [Vue warn]: Error in mounted hook: "ReferenceError: post_id is not defined"
body: <p>I'm making new Vue 2 component that shows likes count after like button hitted. And get the error:</p>
  <h2>app.js:5060 [Vue warn]: Error in mounted hook: &quot;ReferenceError: post_id is not defined&quot;</h2>
  <pre><code>&lt;template&gt; 
          &lt;span&gt;
              &lt;i class=&quot;fa fa-heart&quot;&gt;&lt;/i&gt; {{ likescount }}
          &lt;/span&gt;    
   &lt;/template&gt; 
  
  &lt;script&gt;
      import { bus } from '../bootstrap';
      import 'vuejs-noty/dist/vuejs-noty.css'
      export default {
          props: [&quot;post_id&quot;],
          
          data: function() {
              return { 
                  likescount: 0,
                  
              }
          },
          
          created(){
              bus.$on('postliked', (data) =&gt; {
                 this.updatelikescount(post_id); 
              });
          },
          mounted : function() {
              post_id = {};
              this.updatelikescount(post_id);
          
          },
          
          methods: {
             
              updatelikescount(post_id) {
  
              axios
                  .get('/blog/post/likecount/' + post_id)
                  .then(response =&gt; {
                      this.likescount = response.data.data[0][0]
                  })        
                  .catch(response =&gt; console.log(response.data));
               },
              
          }
      };
  &lt;/script&gt;
  </code></pre>
  <p>this is my blade template</p>
  <pre><code>&lt;likepostcount 
              :post_id={{ $post-&gt;id }}
          &gt;&lt;/likepostcount&gt;
  </code></pre>
  <p>When I open the Vue Dev Tools, I see the post_id = 4</p>