Liam de Beasi récemment publié Vue ionique, une version native de Vue du Framework Ionic qui tire parti des nouvelles fonctionnalités de Vue 3. conséquences Ionic React est sorti l’année dernière, Ionic Vue est un pas en avant dans la réalisation de la vision qui accompagne le composant Web Ionic 4 (Nom de code Ionic pour tout le monde).

De Beasi a résumé comment Ionic Vue s’inscrit dans la vision de l’équipe Ionic comme suit:

La sortie d’Ionic Vue montre que tout développeur Web utilisant le framework de son choix peut créer de puissantes applications multiplateformes en utilisant le Framework Ionic.

Ionic Vue s’appuie sur le routeur Vue officiel (Routeur Vue) et l’étend avec des API personnalisées. Le package résultant (@ionic/vue-router) peut être utilisé comme suit:

import { createRouter, createWebHistory } from '@ionic/vue-router';
import Home from '@/views/Home.vue'

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes: [
    {
      path: "https://www.infoq.com/",
      redirect: '/home'
    },
    {
      path: '/home',
      name: 'Home',
      component: Home
    },
    {
      path: '/lazy',
      component: () => import('@/views/Lazy.vue')
    }
  ]
})


le Avis de publication répertorie les différences supplémentaires à prendre en compte lors de l’utilisation d’Ionic Vue. Les développeurs doivent intégrer un côté ionique en un <ion-page> Composant permettant de faire fonctionner les transitions et les événements du cycle de vie comme prévu. Les développeurs peuvent utiliser des événements du cycle de vie spécifiques aux ions (par ex. ionViewDidEnter, ionViewDidLeave). @ionic/vue prend en charge tous les composants Ionic Framework sauf défilement virtuel ionique.

De Beasi a résumé les étapes suivantes pour Ionic Vue comme suit:

Et après? Nous proposerons bientôt un support amélioré de Vetur / Intellisense. Nous travaillons également sur la prise en charge du SSR (rendu côté serveur). Soyez à l’affût d’un blog Ionic Vue SSR pour voir comment le tester!

Les développeurs peuvent démarrer avec Ionic Vue en installant et en utilisant la CLI Ionic pour créer une application de lancement Ionic Vue:

npm install -g @ionic/[email protected]
ionic start my-vue-app --type vue

Les développeurs peuvent utiliser JavaScript ou TypeScript pour écrire une application Ionic Vue. Cependant, pour utiliser JavaScript, le modèle d’application généré par l’interface de ligne de commande doit être modifié manuellement.

Les développeurs peuvent développer des applications mobiles natives en utilisant Ionic Vue en conjonction avec condensateur. La note de publication fournit un exemple d’utilisation de deux API de condensateur (caméra et Système de fichiers).

Ionic Framework est une boîte à outils d’interface utilisateur open source qui permet aux développeurs de créer des applications mobiles de haute qualité pour iOS natif, Android natif et le Web. Le Framework Ionic est un logiciel open source disponible sous la licence MIT. Les contributions et les commentaires se font via le Projet Ionic GitHub et devrait suivre le ionien Directives de contribution et Code de conduite.





Source link

Recent Posts