Vue 01. Hello World

by Park Mino

HTML

<!DOTYPE html>
<html>
<body>
  <div id="app">
  {{'Hello'+'World'}}
  </div>
  <div id="app2">
  We conquered {{countWorlds}} planets.<br />Hello {{countWorlds}} worlds</div>
  <div id="app3">
    <ul>
      <li v-for="n in 4">Hello!</li>
    </ul>
  </div>
</body>
</html>

Vue

new Vue({el:'#app'});

new Vue({
	el:'#app2',
  data:{
  	countWorlds:5+2
  }
});

new Vue({el:'#app3'});