Skip to main content

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#

Installation#

$ npm install -g @ionic/cli
$ ionic start myApp tabs --type vue
$ ionic serve █

Resources#

Getting Started

Learn the fundamentals you need to know to start building amazing apps with Ionic Framework.

Navigation

Learn the basics of navigation inside your app with Ionic and Vue Router

Lifecycle

Learn about using Ionic lifecycle events in class components and with hooks