Vue Demo

{{ title }}

Vue is copying your input here: {{ text }}
And again, here: {{ text }}
hint: type "red" to see attribute binding in action

Vue is awesome!

Oh no 😢

  • {{ todo.text }}

hello

See also Lifecycle Hooks

About this demo

This demo shows multiple Vue.js features (from the Tutorial) in a single page.

Note that all the code is contained within this file. Eventually, you will want to split up your project into separate modules. But there is a catch: If you run this locally (not on a server), you will find that it throws an error because ES modules cannot work over the file:// protocol. In order for this to work, you need to serve your index.html over the http:// protocol, with a local HTTP server. How to start a local HTTP server.