A.html

 <x-header   v-bind:a="a"  ></x-header>

 var _vm = new Vue({
    el: '#app',
    data: {
      a:[
        {
          name: '首页',
          img: '../assets/images/menu.png',
          url: '../index/index.html',
          active: false
        }
      ]
    },
    mounted () {
        var _this = this;
         Vue.component("x-header", function (resolve,reject) {
                require(["text!../component/x-header.html"],function(html) {
                    resolve({
                      props: {  
                        a:Array
                      },
                      template: html
                })
            });
        });
    },
    methods: {
       
    }
});

b.html

<div>
   <div   v-for="(index,item) in a" >
              {{index}}--- {{item}} 
        </div>
</div>

实际输出结果却如下：
[--- 0
o--- 1
b--- 2
j--- 3
e--- 4
c--- 5
t--- 6
--- 7
O--- 8
b--- 9
j--- 10
e--- 11
c--- 12
t--- 13
]--- 14