Starting Out With Vue.js

Whats it All About?

  • Component Structure
  • Conditionals
  • Loops
  • Input

Vue Components

The default App.vue file when running create vue app-name

Conditionals

Renders the h1 tag only while appear is set to true

Loops

Note that by default Vue does not add bullets to unordered lists

Input

inputMessage variable is initialized as an empty string but updates on input

A Long Way To Go

Resources:

I ‘m a Web Developer and a Flatiron coding bootcamp alumni. I currently work in the financial tech industry as a Front End Engineer

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Image manipulation with Sharp, AWS Lambda functions & Layers, and Claudia.js

Koa Js- Node Js RESTful API

127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or Less — Part 5 of 6

Javascript Superheroes Project

Angular: Workspace and application configuration files

Easy automatic routes generation for Vue

How to use Multer to Upload Images in the MERN Stack

Choosing the best mobile app framework

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
Aidan McBride

Aidan McBride

I ‘m a Web Developer and a Flatiron coding bootcamp alumni. I currently work in the financial tech industry as a Front End Engineer

More from Medium

Dark Mode Switch With Tailwind CSS & Nuxt 3

Vue.js #1: Introduction

How to create Vue routes

Where does Nuxt.js fit in Web Development?

nuxtjs-for-web-development