Ionic Framework with VueJS: Build a CRUD App Using SQLite

The new Ionic Framework VueJS Web Components are a great way to leverage your javascript skills with VueJS to build professional looking Mobile Applications and PWAs efficiently.

This course, including the final source code, is to get you prepped for the more advanced course that I have provided here on the Udemy platform. We are not expecting you to have a deep knowledge of Vue3 and Ionic Framework, but if you get stuck, don’t worry, there is great documentation provided on the Ionic Framework Website

Create a CRUD Application with Ionic VueJS and Capacitor SQLite Plugin

Create the project and get the basic structure created

Capture data using ionic input elements

Learn CRUD actions ( Create, Delete ) for the data

Create an IonList to view the content

Use IonItem, IonLabel, and IonInput to manage forms

Use Ionic Lifecycle Methods

Use Vue Provide Inject to access the database

Learn to use Capacitor SQLite Plugin to query and update the database

Test and run application on native devices using Ionic Framework Capacitor  live reload

Aaron Saunders is the CEO Clearly Innovative Inc web and mobile development firm I started 10 years ago. I have been working in the software development industry as a development, manager, and executive for over thirty years. I have taught at the university level and run an apprenticeship program within my company