@ionic/vue

@ionic/vue (alpha)

Ionic Vue.js specific building blocks on top of @ionic/core components.

To get started simply install @ionic/vue and @ionic/core with npm into your project and then register @ionic/vue as a plugin to your vue application.

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

Vue.use(Ionic);

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

Publishing a Native Application

You can now make use of all of the ionic components in your vue application. If you want to publish your app to the App Store or Google Play you will need to use the ionic cli to execute Capacitor commands to do so.

More information on this can be found here. https://beta.ionicframework.com/docs/cli If you want to learn more about Capacitor our dedicated site can be found here. https://capacitor.ionicframework.com/

The commands that you will need to execute are below.

ionic capacitor add
ionic capacitor copy
ionic capacitor run

Current known limitations

This is an alpha release of @ionic/vue so please understand that there are some missing pieces but know that many of the components will work.

• The shorthand v-model binding is currently not supported
• Stack navigation for deep transitions is under heavy development at this time.

Related

• Ionic Core Components
• Ionic Documentation
• Ionic Worldwide Slack
• Ionic Forum
• Ionicons
• Capacitor

License

• MIT