Ionic Vue 概述

@ionic/vue 将 Ionic Framework 的核心体验与针对 Vue 开发人员量身定制的工具和 API 相结合。

Vue 版本支持

Ionic Vue 建立在 Vue 3.0.0 之上。如果您使用早期版本的 Ionic Vue 构建了应用程序，则需要升级到最新版本并升级 Vue 依赖项。

Vue 工具

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

原生工具

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

虽然使用 Ionic Vue 与 Cordova 插件没有已知的技术限制，但 Capacitor 是官方推荐的。目前没有计划在 Ionic CLI 工具 中支持 Ionic Vue 的 Cordova 集成。有关更多详细信息，请 查看此处。

来自社区

• 将 Vue.js 与 Ionic 和 Capacitor 结合使用 - Aaron Saunders
• 使用 Vue3 和 Ionic 构建移动应用程序 - Oluwaseun Raphael Afolayan

安装

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

$ ionic serve █

资源

入门

了解使用 Ionic Framework 构建出色应用程序所需的基础知识。

导航

了解使用 Ionic 和 Vue Router 在应用程序中进行导航的基础知识

生命周期

了解在类组件和挂钩中使用 Ionic 生命周期事件