SOURCE

Vue.component('com-one',{
  template: `
		<div>
			<slot />
		</div>
	`,
  props: {
    value: Number,
  },
  data(){
    return {
      title: "父组件"
    }
  },
  
  mounted(){
    console.log(this.value,'mounted')
  },
  updated(){
    console.log(this.value,'updated')
  }
});

new Vue({
  el: '#component-demo',
  data: {
    list: [1,2,3,4],
  },
  methods: {
    updateList(){
      this.list = [4,3,2,1]
    }
  }
})

<script src="https://unpkg.com/vue"></script>

<div id="component-demo" class="demo">
  <button @click="updateList">更新 list</button>
  <com-one v-for="(item,index) in list" :key="index" :value="item"> 
    {{ item }}
    {{ index }}
  </com-one>
</div>