Ionic Vueの概要

Ionic Framework のコアな経験と、Vue 開発者向けにカスタマイズされたツールや API を組み合わせたものが @ionic/vue です。

Vue バージョンサポート

Ionic Vue は Vue 3.0.0 上に構築されています。Ionic Vue の初期バージョンでアプリを構築している場合は、最新のリリースにアップグレードして、Vue の依存関係をアップグレードしてください。

Vue ツール

Ionic Vue プロジェクトには通常の Vue CLI プロジェクトと同じツールが付属しています。つまり、Vue CLI とそのすべての機能を使って構築することになります。Vue のデフォルトテンプレートにはルーティングや TypeScript のサポートなど、デフォルトで有効になっている機能がほとんどありませんが、Ionic Vue はそれらをデフォルトで有効にしています。

Native Tooling

Capacitor は、Ionic Vue ウェブアプリを iOS、Android、ウェブ上でネイティブに動作させるための公式クロスプラットフォームアプリライブラリです。

Cordova と Cordova プラグインで Ionic Vue を使用する際の技術的な制限はありませんが、Capacitor が公式に推奨されています。現時点では、Ionic CLI ツール ツールで Ionic Vue の Cordova 統合をサポートする計画はない。詳細は こちら をご覧ください。

コミュニティからの情報

• Using Vue.js with Ionic & Capacitor - Aaron Saunders
• Building Mobile Apps With Vue3 and Ionic - Oluwaseun Raphael Afolayan

インストール

$ 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