wreulicke/index.html

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Vue js</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.21/vue.js" charset="utf-8"></script>
    <script type="text/javascript">
      document.addEventListener('DOMContentLoaded', init);
      function init() {
        window.debug=new Vue({
          el:hoge,
          template:`<input v-for="item in items" v-model="item.value" :name="name">`,
          data:function(){
            return {
              name:"hoge",
              items:[
                {key:"hoge",value:"test"}
              ],
            }
          }
        });
        window.debug2=new Vue({
          el:fuga,
          template:`<input v-for="value in items" v-model="value" :name="name">`,
          data:function(){
            return {
              name:"fuga",
              items:{
                a:"a",
                c:"c"
              }
            }
          }
        });
        debug.items[0].value="changed"
      }
    </script>
  </head>
  <body>
    <div id="hoge"></div>
    <div id="fuga"></div>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Vue js</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.21/vue.js" charset="utf-8"></script>
	<script type="text/javascript">
	document.addEventListener('DOMContentLoaded', init);
	function init() {
	window.debug=new Vue({
	el:hoge,
	template:`<input v-for="item in items" v-model="item.value" :name="name">`,
	data:function(){
	return {
	name:"hoge",
	items:[
	{key:"hoge",value:"test"}
	],
	}
	}
	});
	window.debug2=new Vue({
	el:fuga,
	template:`<input v-for="value in items" v-model="value" :name="name">`,
	data:function(){
	return {
	name:"fuga",
	items:{
	a:"a",
	c:"c"
	}
	}
	}
	});
	debug.items[0].value="changed"
	}
	</script>
	</head>
	<body>
	<div id="hoge"></div>
	<div id="fuga"></div>
	</body>
	</html>