A presentation by Ionic's Josh Thomas at VueConf (11/16/18) on our latest compatibility with Vue framework.

1. AVuefromIonicAVuefromIonic
JoshThomas/@jthoms1

2. AboutMeAboutMe
SeniorDeveloperatIonic
IonicOpenSourcecoreteammember
OrganizerofMadJS

4. WhyIlikeVueWhyIlikeVue
Documentation
Robusttoolchain
BatteriesIncluded(asyouwish)
TypeScriptSupport

5. AVuefromIonicAVuefromIonic

6. WhatisIonic?WhatisIonic?

11. WhatisIonic?WhatisIonic?
5M+Appscreated
30K+StackOverflowQuestions
100+Meetups
OpenSourceandMITlicensed
Collectionofover100components
Cross‑platformappswithasinglecodebase
Useanativebridgefordeviceapis

13. ExtensiveExtensive ..documentationdocumentation

14. WhenshouldyouuseIonic?WhenshouldyouuseIonic?
Youarebuildingamobileapp
YouarebuildingaPWA/webapp
Youarebuildingandesktopapp

16. TheJSecosystemischangingTheJSecosystemischanging
"Whichframeworkdoyouprefer?"
Ioniccomponentsshouldworkwithanyframeworkorwith
noframework

17. IonicandVueIonicandVue

19. IonicandVueIonicandVue
Approachable
Performant
ExcellentDocumentation
Startwithalittleoralot

21. Createdby
PWA:
Repo:https://github.com/ModusCreateOrg/beep
beep.modus.app

22. @ionic/vue@ionic/vue(alpha)

23. @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');

24. @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>

25. LiveCodingwithAlphaLiveCodingwithAlpha

26. NextStepsNextSteps
CommunityTesting
UpdateDocumentation

27. ThankYou!ThankYou!
https://github.com/ionic‑team/ionic
https://ionicworldwide.herokuapp.com
https://forum.ionicframework.com