版本：v6

Ionic Vue 概述

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

Vue 版本支持

Ionic Vue v6 支持 Vue 3.x。有关支持的版本及其支持策略的详细信息，请参阅 Ionic Vue 支持策略。

Vue 工具

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

原生工具

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

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

安装

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

$ cd myApp
$ ionic serve █

资源

入门指南

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

Vue 文档

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

导航

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

组件

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

主题

了解如何使用 Ionic 强大的主题系统自定义应用的外观和感觉。

Capacitor 文档

Vue 版本支持​

Vue 工具​

原生工具​

安装​

资源​

目录

Vue 版本支持

Vue 工具

原生工具

安装

资源