Mobile development: ionic framework integrates vue

Mobile development: ionic framework integrates vue

The Ionic development team has released Ionic Vue and sees it as an important milestone for the open source mobile app framework Ionic. The native Vue version is designed to help developers build progressive web apps for iOS, Android and the web. Vue 3, the third major version of the popular JavaScript framework, was recently released. Ionic Vue keeps support for the new features ready.

"Ionic for Everyone"

Ionic framework originally had mobile development with Angular.js in mind. But with version 4 the tool opened up for development with other frameworks. The release relies on a collection of web components with custom elements and Shadow DOM APIs that are available in any contemporary browser.

The Ionic team introduced the fourth major release of the framework in a blog post titled "Ionic for Everyone" ahead of. Ionic’s user interface controls are based on Web Component APIs that basically work with all rough front-end frameworks. However, since Ionic must additionally integrate a framework’s routing system to enable reliable navigation, Ionic still has to deliver functionality specific to that framework. In addition, developers expect certain things to work as they would with their preferred framework, rather than with standardized Web components. For the popular JavaScript frameworks React and Vue.js, Ionic has therefore released the special bindings.

New: Ionic Vue

As with the React version of the Ionic framework, the team behind the application decided to use the official router vue-router, which ships with Vue. In addition, the router API has been extended with the ion-router-outlet component to handle Ionic Framework animations. This component will be used instead of router-view, which is used in Vue applications. More information on the use of the extended component can be found in the announcement article.

According to the article, Vue itself does not support the development of mobile applications. However, Ionic Vue can be combined with Capacitor, Ionic’s cross-platform native runtime environment. Developers can apparently use this to develop their applications with the same code base as progressive web and iOS applications. For an example and closer information on the release, see the post on the Ionic framework blog. In the future, officials plan to release full Server Side Rendering (SSR) support for Ionic Vue.

Like this post? Please share to your friends:
Leave a Reply