title: Redirection from a vue component to a laravel route
body: <p>I have a Vue component named searchbox and I want the users to get redirected to display the results once they type the name and click the search button. I am using axios to make the http request. Here's my template:</p>
  
  <pre><code>&lt;form @submit.prevent="searchResult"&gt;
      &lt;div class="field has-addons searchbox"&gt;
          &lt;div class="control"&gt;
              &lt;input class="input" type="text" id="search" name="q" placeholder="Search a video..." @keyup.enter="searchResult"  v-model="searchData"&gt;
          &lt;/div&gt;
  
          &lt;div class="control"&gt;
              &lt;button class="button is-primary"&gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Here's my script in the Vue file:</p>
  
  <pre><code>&lt;script&gt;
      export default {
  
          data() {
              return {
                  searchData: null,
              };
          },
  
          methods: {
              searchResult() {
                  axios.get('/search?q=' + this.searchData);
              }
          }       
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>Here's my search controller:</p>
  
  <pre><code>class SearchController extends Controller {
  
      public function index(Request $request) {
          return view('search.index');
      }
  }
  </code></pre>
  
  <p>However, I can not see the redirection. How do I redirect from vue component to another route in laravel??</p>
  
  <p>Is <strong>vue-router</strong> necessary or we can follow any other method??</p>