Ionic Vue Overview

@ionic/vue brings the full power of the Ionic Framework to Vue developers. It offers seamless integration with the Vue ecosystem, so you can build high-quality cross-platform apps using familiar Vue tools, components, and best practices. You also get access to Ionic's extensive UI library and native capabilities.

Vue Version Support

Ionic Vue v8 supports Vue 3.x. For detailed information on supported versions and our support policy, see the Ionic Vue Support Policy.

Vue Tooling

Ionic Vue projects use the same tooling as standard Vue CLI projects, so you can take advantage of the full Vue CLI feature set for building, testing, and deploying your apps. Starter projects come with useful features enabled by default, such as Vue Router for navigation and TypeScript support for type safety and improved developer experience.

Native Tooling

Capacitor is the official cross-platform runtime for Ionic Vue, enabling your apps to run natively on iOS, Android, and the web with a single codebase.

While you can use many Cordova plugins with Ionic Vue, Capacitor is the recommended and fully supported solution. The Ionic CLI does not provide official Cordova integration for Ionic Vue projects. For more information on using Cordova plugins with Capacitor, see the Capacitor documentation.

Installation

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

$ cd myApp
$ ionic serve █

Resources

Getting Started

Quickly set up your first Ionic Vue app and learn the basics of the framework and CLI.

Build Your First App

Build a real Photo Gallery app with Ionic Vue and native device features.

Navigation

Master navigation in Ionic Vue using Vue Router.

Components

Explore Ionic’s rich library of UI components for building beautiful apps.