Vuetify File Upload example

In this tutorial, I will show you way to use Vuetify to build File Upload example with Axios and Multipart File for making HTTP requests. You will also know how to add progress bar, show response message and display list of files’ information (with url).

More Practice:
Vuetify Image Upload with Preview example
Vuetify Multiple Images Upload example
Vuetify data-table example with a CRUD App | v-data-table
Vue.js JWT Authentication with Vuex and Vue Router

Using Bootstrap: Vue File Upload example with Axios & Bootstrap

Read More

Vue.js + Node.js + Express + PostgreSQL example: Build a full-stack CRUD Application

In this tutorial, I will show you how to build full-stack (Vue.js + Node.js + Express + PostgreSQL) example with a CRUD Application. The back-end server uses Node.js + Express for REST APIs, front-end side is a Vue client with Vue Router and axios.

More Practice: Node.js Express + Vue.js: JWT Authentication & Authorization example

Run both projects (back-end & front-end) in one place:
How to serve/combine Vue App with Express

Serverless with Firebase:
Vue Firebase Realtime Database: CRUD example
Vue Firestore: Build a CRUD App example

Read More

Vue 3 Composition API tutorial with examples

Vue introduces Composition API (Function-based API) as an addition to current Options-based API. The API will be released with Vue 3, but now you can try it with Vue 3 Composition API added to your Vue 2 app. In this tutorial, we’re gonna show you:

  • New Vue Composition API overview and comparison with classic Vue Options-based API
  • Examples to implement a Vue Component with new API: props, data, watchers, lifecycle hooks
  • Example to take advantage of new Vue 3 Composition API (function-based API): split Topics into Functions

Related Posts:
Vue v-slot tutorial with examples
Vue 3 CRUD example with Axios & Vue Router
Vue 3 Authentication with JWT, Vuex, Axios and Vue Router

Read More