vuejs help..

by cheongjin kim

HTML

<div id="a" style="border:1px solid #000; width:100px; height:100px;">
</div>

<div id="b" style="border:1px solid #000; width:100px; height:100px;">
  <div v-for="item in arr1">{{item}}</div>
  <div v-for="item in aList">{{item}}</div>
</div>

JavaScript

var listData = {
	a: [0, 1, 2, 3],
  b: [0, 1, 2]
}

var a = new Vue({
	el: "#a",
  data: function () {
  	return {
    	arr: listData.a
    }
  },
  mounted: function() {
  
  },
  methods: {
  
  }
});

var b = new Vue({
	el: "#b",
  data: function () {
  	return {
    	arr1: listData.b,
      aList: listData.a
    }
  },
  mounted: function() {
  
  },
  methods: {
  
  }
});