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');
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://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
This is an beta 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.