title: How can I make URL action work from a vue component
body: <p>I'm working on a small project with ASP.NET MVC and VueJs. I created some components and added them to the Project.js file like so: </p>
  
  <pre><code>&lt;div class="card_four"&gt;
    &lt;a href="@Url.Action('LoanRequest', 'LoanOrigination')"&gt;APPLY NOW 
      &lt;i class="icon"&gt;
        &lt;svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;
          &lt;path d="M0.584961 11.5841L5.17099 6.99807L0.584961 2.41205L1.99896 0.998047L7.99899 6.99807L1.99896 12.9981L0.584961 11.5841Z" fill="white"&gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/i&gt;
    &lt;/a&gt;
    &lt;p&gt;No collateral Needed&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I clicked on the link, the asp.net MVC URL link broke. How can I rewrite this URL action in the vuejs compatible format as I'm new to VueJs</p>