title: how can i implements web view in ionic-vue
body: <p>i want to make an hybrid app that shows website pages in mobile device and i also need to</p>
  <p>implements some native functionality like push notifications in this app</p>
  <p>i already have complete source codes that is made with html , css, javascript and jsp</p>
  <p>so i want to use this codes</p>
  <p>but it is not easy for me to find guideline to implement webview in ionic-vue</p>
  <p>how can i make an hybrid app in Ionic-vue Framework that shows webpage in mobile device</p>
  <p>i try to consult <a href="https://capacitorjs.com/docs/apis/browser" rel="nofollow noreferrer">https://capacitorjs.com/docs/apis/browser</a> this documentations</p>
  <p>but since i am a begginer , it is not easy for me to understand</p>
  <p>and is it possible to implements pushnotifications and file upload and download from webview to moblie device ?</p>
  <p>here is App.vue</p>
  <pre><code>&lt;template&gt;
    &lt;ion-app&gt;
      &lt;ion-router-outlet /&gt;
    &lt;/ion-app&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import { IonApp, IonRouterOutlet } from '@ionic/vue';
  import { defineComponent } from 'vue';
  
  export default defineComponent({
    name: 'App',
    components: {
      IonApp,
      IonRouterOutlet
    }
  });
  &lt;/script&gt;
  
  
  here is Tab.vue
  
  &lt;template&gt;
      &lt;ion-page&gt;
      &lt;ion-header&gt;
        &lt;ion-toolbar&gt;
        
        &lt;/ion-toolbar&gt;
      &lt;/ion-header&gt;
      &lt;ion-content&gt;
         
      &lt;/ion-content&gt;
    &lt;/ion-page&gt;
  &lt;/template&gt;
  &lt;script&gt;
  import { Browser } from '@capacitor/browser';
  
  export default  {
    name: 'WebViewer',
    
    created (){
    
       Browser.open({ url: 'https://devchannel.co.kr/' })
    }
    
  }
  &lt;/script&gt;
    
  </code></pre>