Published in


Create an Image Slider App with Vue 3 and JavaScript

Photo by Shawn Lee on Unsplash

Vue 3 is the latest version of the easy to use Vue JavaScript framework that lets us create front end apps.

In this article, we’ll look at how to create an image slider with Vue 3 and JavaScript.

Create the Project

We can create the Vue project with Vue CLI.




Imagine the future of data

Recommended from Medium

Electron — Architecture and Notifications

Object-Oriented JavaScript — JSON vs XML and Singletons

Backstage Plugins by Example: Part 2

Redux with Code-Splitting and Type Checking

Ant Design Vue — Submenus

React Tips — Form Data, Refs, and Calling useEffect on Mount

Gatsby.js — useStaticQuery and Slugs

Let’s Make A JavaScript Calculator

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
John Au-Yeung

John Au-Yeung

Web developer. Subscribe to my email list now at Email me at

More from Medium

From vue-class-component to Composition API

JavaScript Coding Tutorial — Part 6

By changing just two functions we can get some pretty nice paint brush effects already.

Learn the Most Basic Node.js in 3 Minutes

How to Create the Matrix Text Effect With JavaScript

An animated gif of the Matrix text effect. You can see the iconic green text with a fading trail on a black background.