AVuefromIonicAVuefromIonic
JoshThomas/@jthoms1
AboutMeAboutMe
SeniorDeveloperatIonic
IonicOpenSourcecoreteammember
OrganizerofMadJS
 
WhyIlikeVueWhyIlikeVue
Documentation
Robusttoolchain
BatteriesIncluded(asyouwish)
TypeScriptSupport
AVuefromIonicAVuefromIonic
WhatisIonic?WhatisIonic?
Image
Image
Image
Image
WhatisIonic?WhatisIonic?
5M+Appscreated
30K+StackOverflowQuestions
100+Meetups
OpenSourceandMITlicensed
Collectionofover100components
Cross‑platformappswithasinglecodebase
Useanativebridgefordeviceapis
 
ExtensiveExtensive ..documentationdocumentation
WhenshouldyouuseIonic?WhenshouldyouuseIonic?
Youarebuildingamobileapp
YouarebuildingaPWA/webapp
Youarebuildingandesktopapp
 
 
TheJSecosystemischangingTheJSecosystemischanging
"Whichframeworkdoyouprefer?"
Ioniccomponentsshouldworkwithanyframeworkorwith
noframework
IonicandVueIonicandVue
 
IonicandVueIonicandVue
Approachable
Performant
ExcellentDocumentation
Startwithalittleoralot
 
Createdby
PWA:
Repo:https://github.com/ModusCreateOrg/beep
beep.modus.app
@ionic/vue@ionic/vue(alpha)
@ionic/vue@ionic/vue
import Vue from 'vue';
import Ionic from '@ionic/vue';
Vue.use(Ionic);
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app');
@ionic/vuecomponents@ionic/vuecomponents
<template>
<ion-select ok-text="Okay" cancel-text="Dismiss">
<ion-select-option value="satellite">Satellite</ion-se
<ion-select-option value="terrain">Terrain</ion-select
<ion-select-option value="traffic">Traffic</ion-select
</ion-select>
</template>
LiveCodingwithAlphaLiveCodingwithAlpha
NextStepsNextSteps
CommunityTesting
UpdateDocumentation
ThankYou!ThankYou!
https://github.com/ionic‑team/ionic
https://ionicworldwide.herokuapp.com
https://forum.ionicframework.com

A Vue from Ionic