Ionic Vue 概述

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

Vue 版本支持

Ionic Vue v8 支持 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。