Ionic Vue 概觀

@ionic/vue 結合了核心 Ionic 框架的體驗，以及為 Vue 開發人員量身打造的工具和 API。

Vue 版本支援

Ionic Vue 建構於 Vue 3.0.0 之上。如果您使用早期版本的 Ionic Vue 建構過應用程式，則需要升級到最新版本並升級您的 Vue 相依性。

Vue 工具

Ionic Vue 專案與常規 Vue CLI 專案使用相同的工具。這表示您將使用 Vue CLI 及其所有功能進行建置。此外，入門專案預設也會啟用一些功能，例如路由和 TypeScript 支援。

原生工具

Capacitor 是官方跨平台應用程式執行階段，用於讓您的 Ionic Vue 網頁應用程式在 iOS、Android 和網頁上以原生方式執行。

雖然使用 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 在應用程式內導覽的基本知識

生命週期

了解如何在類別元件中以及使用 Hook 來使用 Ionic 生命週期事件