title: Load a VUE component with parameters
body: <p>I have</p>
  
  <pre><code>&lt;a role="button" v-on:click="setMemberName(item)"&gt;  
  </code></pre>
  
  <p>And it calls a method:</p>
  
  <pre><code> methods:{
      setMemberName(item) {           
          alert(item.email);
          this.$router.push('about');
      }
  },
  </code></pre>
  
  <p>The alert gets fired and the router gets called but I need to send the parameter of item.email and I need to capture that when the 'about' vue gets loaded.  I have a simple alert being called using:</p>
  
  <pre><code>  ,
   mounted:function () {
      alert("Hello");
  },
  </code></pre>
  
  <p>But I would like it to say "Hello " then the email address like "Hello Smith@jmail.com".  I really need the email address so I can call a webservice but Hello is fine for this problem. As you can tell VUE is new to me.</p>
  
  <p>I have tried:</p>
  
  <pre><code>this.$router.push({ name: 'about', params: { itemEmail: item.email } })
  </code></pre>
  
  <p>but it seems that it never loads the 'about' vue.   Thanks for the help.</p>
  
  <p>OK-- edit-- It does get fired if I use the proper case 'About' instead or 'about'  but I still need help on the capture side</p>
  
  <p>Code for the about vue:  a simple div and some script code:</p>
  
  <pre><code>&lt;script&gt;
  export default {
      name: 'About',
      data() {
          return {
  
          }
      },
      methods:{
      },
      mounted:function () {
      alert("Hello");
    },
      created(){
      },
    } 
  &lt;/script&gt;
  </code></pre>