Ionic Vue Overview
@ionic/vue combines the core Ionic Framework experience with the tooling and APIs that are tailored to Vue Developers.
Vue Version Support
Ionic Vue is built on top of Vue 3.0.0. If you've built an app with early versions of Ionic Vue, you'll want to upgrade to the latest release and upgrade your Vue dependencies.
Vue Tooling
Ionic Vue projects ship with the same tooling as regular Vue CLI projects. Meaning you'll be building with the Vue CLI and all of it's features. In addition, starter projects also ship with few features enabled by default, like Routing and TypeScript support.
Native Tooling
Capacitor is the official cross-platform app runtime used to make your Ionic Vue web app run natively on iOS, Android, and the web.
While there are no known technical limitations to using Ionic Vue with Cordova plugins, Capacitor is officially recommended. There are no plans to support a Cordova integration for Ionic Vue in the Ionic CLI tooling at this time. For more details, please see here.
From the Community
// cspell:disable
- Using Vue.js with Ionic & Capacitor - Aaron Saunders
- Building Mobile Apps With Vue3 and Ionic - Oluwaseun Raphael Afolayan
// cspell:enable
Installation
$ npm install -g @ionic/cli
$ ionic start myApp tabs --type vue
$ ionic serve โ
Resources
Learn the fundamentals you need to know to start building amazing apps with Ionic Framework.
Learn the basics of navigation inside your app with Ionic and Vue Router
Learn about using Ionic lifecycle events in class components and with hooks