Using Ionic with Vue?

I’m trying to figure out how to use Ionic with Vue but I’m not really sure where or how to start.

I don’t have experience with Vue but I kind of tried to answer the same question on Stackoverflow (

Right now, as far as I know, Vue is not yet implemented in the CLI but I guess that will come. So to get started I guess you could do as described in the README (

My understanding is that you first need to create a Vue project, again in the current state, and then drop Ionic in it

So in your Vue project firstly

 npm install @ionic/vue @ionic/core --save

and then

import Vue from 'vue';
import Ionic from '@ionic/vue';

new Vue({
  render: h => h(App)

But again I don’t have experience in Vue and that’s only my understanding

That’s what I’ve done. I’m just stuck at figuring out how to use it with all the Ionic CLI stuff.

1 Like

I guess you could probably just use the component

For the controllers (alert, modal, etc) you could have a look to the example in that blog post I guess:

Does that help?

Were you able to get your project up and running?

@Dog2puppy, were you able to get your project off the ground?

No. I’m just gonna wait until there’s better documentation for Vue.

1 Like

Yeah. I’m doing the same with an issue I have with tabs.

I think you should use Capacitor instead of ionic CLI

I’ve done that and Ionic itself + Vue (2) using the code from leads to a broken app.

I have a bunch of samples in my github repo -

Here are some videos

Are any of those using Vue 2 and Ionic 4/5?