javascript – 如何在Vue.js组件中观看prop更改？

我将一组图像文件路径传递给组件.
我想知道如果我传递一个不同的数组,在Vue.js组件中观察道具更改的最佳方法是什么？

我正在使用自举旋转木马,所以想要在阵列更改时将其重置为第一张图像.
为了简单起见,我将代码示例简化为：

Vue.component('my-images',{
  props: ['images'],template: `
    <section>
      <div v-for="(image,index) in images">
        {{index}} - <img :src="image"/>
      </div>
    </section>
  `
});

解决方法

<template>
  <div>
    {{count}}</div>
</template>

<script>
export default {
  name: 'test',props: ['count'],watch: {
    '$props':{
      handler: function (val,oldVal) { 
        console.log('watch',val)
      },deep: true
    }
  },mounted() {
    console.log(this.count)
  }
}
</script>

原文地址：https://www.jb51.cc/js/158566.html