Ionic Vue 概述

@ionic/vue 将 Ionic Framework 的全部功能带给 Vue 开发者。它能够与 Vue 生态系统无缝集成，让你能够使用熟悉的 Vue 工具、组件和最佳实践来构建高质量的跨平台应用。你还可以使用 Ionic 丰富的 UI 组件库和原生功能。

Vue 版本支持

Ionic Vue v7 支持 Vue 3.x。有关支持版本的详细信息及我们的支持政策，请参阅 Ionic Vue 支持政策。

Vue 工具

Ionic Vue 项目使用与标准 Vue CLI 项目相同的工具，因此你可以充分利用 Vue CLI 的完整功能集来构建、测试和部署你的应用。入门项目默认启用了许多实用功能，例如用于导航的 Vue Router 和用于类型安全及提升开发体验的 TypeScript 支持。

原生工具

Capacitor 是 Ionic Vue 官方的跨平台运行时，能够让你的应用基于单一代码库在 iOS、Android 和 Web 上原生运行。

虽然你可以在 Ionic Vue 中使用许多 Cordova 插件，但 Capacitor 是官方推荐且完全支持的解决方案。Ionic CLI 不为 Ionic Vue 项目提供官方的 Cordova 集成。有关在 Capacitor 中使用 Cordova 插件的更多信息，请参阅 Capacitor 文档。

安装

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

$ cd myApp
$ ionic serve █

资源

快速开始

快速设置你的第一个 Ionic Vue 应用，并学习框架和 CLI 的基础知识。

Vue 文档

从官方 Vue 文档中了解更多关于 Vue 的核心概念、工具和最佳实践。

导航

了解如何在 Ionic Vue 应用中使用 Vue Router 处理路由和导航。

组件

探索 Ionic 丰富的 UI 组件库，用于构建精美的应用。

主题定制

学习如何使用 Ionic 强大的主题系统来定制应用的外观和风格。

Capacitor 文档

探索如何使用 Capacitor 访问原生设备功能并将你的应用部署到 iOS、Android 和 Web。