Vue is awesome!

Two-way data binding listens for changes and automatically updates.

This is component adds!

{{result}}

No build tools required!

Here's another component.

This one subtracts!

{{difference}}

This one finds the sum until the specified term!!

{{sumofNumbers}}

Encrypt with the Viginere Cipher

This cipher encodes each letter of the original word using the codeword!

An a will add one letter, b will add two, and so on.

Encrypted Word: {{encryptedWord}}

Build tools would help us combine HTML files

It's nice to start without having to add them, so everything goes in this one HTML file.

Add your own component!

With build tools

HTML, CSS, and JS for each component can go in a single .vue file.

Learn more at Vue.js!