title: Integrate Vuejs with Codeigniter 3
body: <p>I want to merge the Codeigniter3 and vuejs. I have attach the router with menu link. In template i can't find exact route to show the page.
  Here's the view.</p>
  <pre><code>
      //It's a view file that's I want to open
      &lt;template&gt;
      &lt;div&gt;
      &lt;?php
      $role = get_user_role();
      if ($role == &quot;admin&quot;) {
      ?&gt;
      &lt;div class=&quot;row&quot;&gt;
       &lt;div class=&quot;col-md-4&quot;&gt; 
          &lt;div class=&quot;form-group&quot;&gt;
              &lt;label for=&quot;Teachers&quot;&gt;Teachers&lt;/label&gt;
               &lt;select class=&quot;form-control select2 &quot; id=&quot;teachers_availablility_select&quot; style=&quot;border: 2px solid #000;&quot;&gt;
      &lt;option class=&quot;ml0&quot;&gt;Select Teacher&lt;/option&gt;
          &lt;?php
          foreach ($teachers as $key =&gt; $value) 
              {
              echo &quot;&lt;option value='&quot;.$value-&gt;id.&quot;'&gt;&quot;.$value-&gt;full_name.&quot;&lt;/option&gt;&quot;;
              }
          ?&gt;
          &lt;/select&gt;
          &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
          &lt;?php
          } 
          ?&gt;
          &lt;div id=&quot;teachers_availablility_calendar&quot;&gt;&lt;/div&gt;
          &lt;div&gt;
              &lt;button class=&quot;btn btn-primary inc-width btn-lg&quot; id=&quot;save_availability&quot;&gt;
              &lt;?php echo $this-&gt;lang-&gt;line('save'); ?&gt;
              &lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/template&gt;
      &lt;script&gt;
          export default {
          name: 'view_availibility',
           data () {
                return {    
                }
              },  
            }
      &lt;/script&gt;
  
  </code></pre>
  <p>Here's the router code</p>
  <pre>
  
      
      const view_availibility = '/Availability'; 
      import  view_availibility from './views/availability/view_availibility';
      const Foo = { template: 'views/availability/view_availibilities.php' }
      const Bar = { template: 'bar' }
      const routes = [
        { path: '/foo', component: Foo },
        { path: '/bar', component: Bar }
      ]
      const router = new VueRouter({
        routes
      })
      var v = new Vue({
         el:'#app',
         vuetify: new Vuetify(),
        router,
          data:{
            admins: [
             { title: 'Dashboard',link: 'Foo' },
              { title: 'Availability',link: 'bar' },
              ],
  
  </pre>