跳到主要内容
版本:v8

Ionic Vue 概述

@ionic/vue 将 Ionic 框架的全部能力赋予 Vue 开发者。它与 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 上原生运行。

虽然您可以将许多 Cordova 插件与 Ionic Vue 一起使用,但 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 核心概念、工具和最佳实践的信息。

导航

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

组件

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

主题

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

Capacitor 文档

探索如何使用原生设备功能,并通过 Capacitor 将应用部署到 iOS、Android 和 Web。