Skip to main content

Ionic Vue 概述

@ionic/vue 将核心 Ionic 框架体验与为 Vue 开发者量身定制的工具和 API 相结合。

¥@ionic/vue combines the core Ionic Framework experience with the tooling and APIs that are tailored to Vue Developers.

Vue 版本支持​

¥Vue Version Support

Ionic Vue 构建在 Vue 3.0.0 之上。如果你使用早期版本的 Ionic Vue 构建了应用，你将需要升级到最新版本并升级你的 Vue 依赖。

¥Ionic Vue is built on top of Vue 3.0.0. If you've built an app with early versions of Ionic Vue, you'll want to upgrade to the latest release and upgrade your Vue dependencies.

Vue 工具​

¥Vue Tooling

Ionic Vue 项目附带与常规 Vue CLI 项目相同的工具。这意味着你将使用 Vue CLI 及其所有功能进行构建。此外，入门项目还附带了一些默认启用的功能，例如路由和 TypeScript 支持。

¥Ionic Vue projects ship with the same tooling as regular Vue CLI projects. Meaning you'll be building with the Vue CLI and all of it's features. In addition, starter projects also ship with few features enabled by default, like Routing and TypeScript support.

原生工具​

¥Native Tooling

Capacitor 是官方跨平台应用运行时，用于使 Ionic Vue Web 应用在 iOS、Android 和 Web 上原生运行。

¥Capacitor is the official cross-platform app runtime used to make your Ionic Vue web app run natively on iOS, Android, and the web.

虽然使用 Ionic Vue 和 Cordova 插件没有已知的技术限制，但官方建议使用 Capacitor。目前没有计划在 Ionic CLI 工具 中支持 Ionic Vue 的 Cordova 集成。欲了解更多详情，请 看这里。

¥While there are no known technical limitations to using Ionic Vue with Cordova plugins, Capacitor is officially recommended. There are no plans to support a Cordova integration for Ionic Vue in the Ionic CLI tooling at this time. For more details, please see here.

来自社区​

¥From the Community

安装​

¥Installation

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

$ ionic serve █

资源​

¥Resources

新手上路

了解开始使用 Ionic Framework 构建令人惊叹的应用所需的基础知识。

导航

使用 Ionic 和 Vue Router 了解应用内部导航的基础知识

生命周期

了解如何在类组件中以及通过钩子使用 Ionic 生命周期事件

目录