跳到主要内容
版本: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。