# Using Ionic with Vue?

**URL:** <https://forum.ionicframework.com/t/using-ionic-with-vue/157326>\
**Category:** Ionic Framework\
**Created:** [February 23, 2019, 8:32pm UTC](https://forum.ionicframework.com/t/using-ionic-with-vue/157326 "2019-02-23T20:32:03Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dog2puppy](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/dog2puppy/32/124407_2.png) [@Dog2puppy](https://forum.ionicframework.com/u/Dog2puppy)\
**Post date:** [February 23, 2019, 8:32pm UTC](https://forum.ionicframework.com/t/using-ionic-with-vue/157326/1 "2019-02-23T20:32:03Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![reedrichards](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@reedrichards](https://forum.ionicframework.com/u/reedrichards)\
**Post date:** [February 24, 2019, 6:59am UTC](https://forum.ionicframework.com/t/using-ionic-with-vue/157326/2 "2019-02-24T06:59:55Z")

</div>

I don’t have experience with Vue but I kind of tried to answer the same question on Stackoverflow ([https://stackoverflow.com/a/54720516/5404186](https://stackoverflow.com/a/54720516/5404186)).

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 ([https://github.com/ionic-team/ionic/tree/master/vue](https://github.com/ionic-team/ionic/tree/master/vue))

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

```auto
import Vue from 'vue';
import Ionic from '@ionic/vue';
Vue.use(Ionic);

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app');

```

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

---

<div class="post-metadata">

**Author:** ![Dog2puppy](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/dog2puppy/32/124407_2.png) [@Dog2puppy](https://forum.ionicframework.com/u/Dog2puppy)\
**Post date:** [February 24, 2019, 12:49pm UTC](https://forum.ionicframework.com/t/using-ionic-with-vue/157326/3 "2019-02-24T12:49:27Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![reedrichards](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@reedrichards](https://forum.ionicframework.com/u/reedrichards)\
**Post date:** [February 24, 2019, 1:01pm UTC](https://forum.ionicframework.com/t/using-ionic-with-vue/157326/4 "2019-02-24T13:01:47Z")

</div>

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: [https://blog.ionicframework.com/a-vue-from-ionic/](https://blog.ionicframework.com/a-vue-from-ionic/)

Does that help?

---

<div class="post-metadata">

**Author:** ![Imaginativeone](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/imaginativeone/32/97964_2.png) [@Imaginativeone](https://forum.ionicframework.com/u/Imaginativeone)\
**Post date:** [March 8, 2019, 1:28pm UTC](https://forum.ionicframework.com/t/using-ionic-with-vue/157326/5 "2019-03-08T13:28:35Z")

</div>

Were you able to get your project up and running?

---

<div class="post-metadata">

**Author:** ![Imaginativeone](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/imaginativeone/32/97964_2.png) [@Imaginativeone](https://forum.ionicframework.com/u/Imaginativeone)\
**Post date:** [March 8, 2019, 1:31pm UTC](https://forum.ionicframework.com/t/using-ionic-with-vue/157326/6 "2019-03-08T13:31:54Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Dog2puppy](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/dog2puppy/32/124407_2.png) [@Dog2puppy](https://forum.ionicframework.com/u/Dog2puppy)\
**Post date:** [March 9, 2019, 1:32pm UTC](https://forum.ionicframework.com/t/using-ionic-with-vue/157326/7 "2019-03-09T13:32:32Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Imaginativeone](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/imaginativeone/32/97964_2.png) [@Imaginativeone](https://forum.ionicframework.com/u/Imaginativeone)\
**Post date:** [March 9, 2019, 6:40pm UTC](https://forum.ionicframework.com/t/using-ionic-with-vue/157326/8 "2019-03-09T18:40:52Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![mnzl16](https://avatars.discourse-cdn.com/v4/letter/m/e274bd/32.png) [@mnzl16](https://forum.ionicframework.com/u/mnzl16)\
**Post date:** [May 3, 2019, 9:12pm UTC](https://forum.ionicframework.com/t/using-ionic-with-vue/157326/9 "2019-05-03T21:12:45Z")

</div>

I think you should use [Capacitor](https://capacitor.ionicframework.com/) instead of ionic CLI

---

<div class="post-metadata">

**Author:** ![Berkmann18](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/berkmann18/32/133444_2.png) [@Berkmann18](https://forum.ionicframework.com/u/Berkmann18)\
**Post date:** [August 10, 2020, 2:27pm UTC](https://forum.ionicframework.com/t/using-ionic-with-vue/157326/10 "2020-08-10T14:27:55Z")

</div>

I’ve done that and Ionic itself + Vue (2) using the code from [https://github.com/ionic-team/ionic-framework/tree/master/vue](https://github.com/ionic-team/ionic-framework/tree/master/vue) leads to a broken app.

---

<div class="post-metadata">

**Author:** ![aaronksaunders](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/aaronksaunders/32/13729_2.png) [@aaronksaunders](https://forum.ionicframework.com/u/aaronksaunders)\
**Post date:** [August 10, 2020, 7:08pm UTC](https://forum.ionicframework.com/t/using-ionic-with-vue/157326/11 "2020-08-10T19:08:28Z")

</div>

I have a bunch of samples in my github repo - [github.com/aaronksaunders](http://github.com/aaronksaunders)

Here are some videos

https://www.youtube.com/embed/videoseries?list=PL2PY2-9rsgl2bgNTX9omlDisiWh1NYInz&wmode=transparent&rel=0&autohide=1&showinfo=1&enablejsapi=1

---

<div class="post-metadata">

**Author:** ![Berkmann18](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/berkmann18/32/133444_2.png) [@Berkmann18](https://forum.ionicframework.com/u/Berkmann18)\
**Post date:** [August 11, 2020, 9:42am UTC](https://forum.ionicframework.com/t/using-ionic-with-vue/157326/12 "2020-08-11T09:42:35Z")

</div>

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